VS Code使用之基本設定與配置詳解

風靈使發表於2019-02-16

使用者設定與工作空間設定

VS Code提供了兩種設定方式:

  • 使用者設定: 這種方式進行的設定,會應用於該使用者開啟的所有工程;
  • 工作空間設定:工作空間是指使用VS Code開啟的某個資料夾,在該資料夾下會建立一個名為.vscode的隱藏資料夾,裡面包含著僅適用於當前目錄的VS Code的設定。工作空間的設定會覆蓋使用者的設定。

每個人都有自己的偏好,在使用VS Code進行開發時,都會根據自己的習慣來對VS Code進行使用者級別的配置。
但是,當多人共同完成某個專案的時候,該專案會有一定的編碼規範,如: 編輯某個語言時的設定,程式碼的縮排等等,這個時候就需要對該專案進行單獨的工作空間級別的設定。

更改預設使用者設定與工作空間設定
VS Code的設定檔案為setting.json

使用者設定的檔案儲存在如下目錄:

  • Window %APPDATA%\Code\User\settings.json
  • Mac $HOME/Library/Application Support/Code/User/settings.json
  • Linux $HOME/.config/Code/User/settings.json

工作空間設定的檔案儲存在當前目錄的.vscode資料夾下。

所以有三種方式更改預設的設定:

  • 使用編輯器直接開啟setting.json檔案;
  • 點選 VS Code 的 檔案 > 首選項 > 設定 ,可以開啟設定皮膚;
  • VS Code 中使用 Ctrl+Shift+P開啟命令皮膚,輸入Preferences: Open User SettingsPreferences: Open Workspace Settings
    在這裡插入圖片描述
    推薦使用後兩種方式進行更改,因為在左皮膚列出了可以設定的各種選項的預設值。可以直接在其上做更改(滑鼠懸停在某一項上,點選左側的筆形編輯按鈕),也可以將某個設定複製到右皮膚進行更改。

對某個語言進行特定配置

可以對某個語言進行專門的設定。在 VS Code 中使用 Ctrl+Shift+P開啟命令皮膚,輸入Preferences: Configure language specific settings…,然後選擇相應的語言進行設定。

也可以直接對setting.json進行編輯。如下:

{
  "[typescript]": {
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true
  },
  "[markdown]": {
    "editor.formatOnSave": true,
    "editor.wordWrap": "on",
    "editor.renderWhitespace": "all",
    "editor.acceptSuggestionOnEnter": "off"
  }
}

相關文章