分離 VS Code 開發環境

Coding Notes
2 min readAug 7, 2020

VS Code目前已經是我的主力開發環境,但因為要在前端、後端或者是不同語言之間開發,所以導致extensions變得很亂,所以才想將每個開發環境獨立開來。

VS Code預設使用 extensions 目錄安裝extension,使用 settings 目錄來存放使用者設定檔,所以只要分別為每個開發環境建立 extensionssettings 資料夾就可以將環境區分開來。

建立開發環境目錄

目錄建立位置可依個人喜好,下面分別建立node.js及angular的目錄

mkdir vs-nodejs
cd vs-nodejs
mkdir extensions
mkdir settings
cd ..
mkdir vs-angular
cd vs-angular
mkdir extensions
mkdir settings

透過命令列參數啟動指定開發環境

透過Terminal啟動VS Code時,只要傳入 extensions-dir, user-data-dir 就可以開啟對應的目錄

code --extensions-dir ~/vs-nodejs/extensions --user-data-dir ~/vs-nodejs/settingscode --extensions-dir ~/vs-angular/extensions --user-data-dir ~/vs-angular/settings

接下來只要設定alias command即可快速開啟對應的開發環境

alias cn="code --extensions-dir ~/vs-nodejs/extensions --user-data-dir ~/vs-nodejs/settings"alias ca="code --extensions-dir ~/vs-nodejs/extensions --user-data-dir ~/vs-nodejs/settings"

這樣下次只需要 cn . 或是 ca . 即可開啟對應的開發環境

--

--