Visual Studio Code 在不同專案上裝上各自套件 Extension

2023-02-19 166 words One minute

https://user-images.githubusercontent.com/6058558/219878318-fd049411-76c6-47d1-a76d-8507bcc4b54c.png

Contents

我們工程師有時候會寫前端、後端程式，相關裝的套件會不太一樣。像是以前寫 Java 開發的設定會不一樣，我們會複製多個 Eclipse 依照專案做設定和安裝套件，但是 Visual Studio Code 是針對 User使用者帳號，在管理上我們不太可能切換帳號。這邊有找到方法試試。

指令啟動指定套件路徑

Extensions 的安裝路徑

Windows: %USERPROFILE%.vscode\extensions

Mac: ~/.vscode/extensions

Linux: ~/.vscode/extensions

管理或分享 vs code 的 workspace extensions | Codefun <– 但裡面方法不是這邊使用方法

之前有看到有篇 StackOverflow 設定捷徑啟動設定 extension 路徑，這樣就能分開前後端開發用，但有找到相關分離 VS Code 開發環境. VS… | by Coding Notes | Medium文章，這邊簡單參考這篇文章實作。

建立各環境路徑

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


# 在家路徑操作
mkdir vs-java
cd vs-java
mkdir extensions
mkdir settings
cd ..
mkdir vs-vue
cd vs-vue
mkdir extensions
mkdir settings

1
2
3


code --extensions-dir ~/vs-java/extensions --user-data-dir ~/vs-java/settings

code --extensions-dir ~/vs-vue/extensions --user-data-dir ~/vs-vue/settings

Warning

這邊要注意，~不能在 cmd使用，~是家路徑。這邊用 Powershell 就沒有這個問題。如果你照複製做也不會發生錯誤，頂多一個~路徑。

Windows 可以複製捷徑設定"C:\Users\__username__\AppData\Local\Programs\Microsoft VS Code\Code.exe" --extensions-dir %USERPROFILE%/~/vs-java/extensions --user-data-dir %USERPROFILE%/~/vs-java/settings路徑。

依照 Workspace 設定套件

了解 Workspace 是什麼?

一般我常使用 Folder 去開 VSCode，這邊也對 Workspace也有模糊概念。這篇VSCode裡面的folder、workspace什麼區別？ - 知乎就有很多對VSCode看法。

一般來說，一個項目包含多個檔案和資料夾，因此應該選擇Open Folder而WorkSpace個人理解是用於打開多個項目時用。比如我要做一個網站，前端後端一起偵錯的時候，可以同時開兩個VS Code，也可以將這兩個項目的資料夾加入到一個WorkSpace裡。合到一個WorkSpace在開發時可以更聚焦於程式碼，而不是頻繁切換窗口。

作者：OhYee
链接：https://www.zhihu.com/question/354019992/answer/881192654
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。