5.2 設置

我們可以通過不同的設置來打造屬于自己的Visual Studio Code。無論是用戶界面，還是編輯器功能，抑或是其他配置，Visual Studio Code中的所有內容幾乎都可以被設置。

5.2.1 兩種不同范圍的設置

Visual Studio Code提供了以下兩種不同范圍的設置。

○ 用戶設置（User Settings）：這是一個全局范圍的設置，會應用到所有的Visual Studio Code實例中。

○ 工作區設置（Workspace Settings）：設置被保存在相應的工作區，只會對相應的工作區生效。工作區設置會覆蓋用戶設置。此外，工作區設置對于團隊成員分享項目的設置也是十分有用的。一般來說，工作區設置的設置文件也會被提交到版本控制工具（如Git）中去。

如圖5-1所示，我們可以看到User Settings和Workspace Settings的設置范圍。

5.2.2 兩種設置方法

如果讀者是Visual Studio Code的早期用戶的話，應該會知道，在早期版本的Visual Studio Code中，只能通過JSON文件來進行設置。一部分用戶的確是習慣于通過JSON文件進行設置，而也有一部分用戶覺得JSON文件比較復雜、不方便。Visual Studio Code非常重視傾聽用戶的反饋。為了滿足不同用戶的需求，Visual Studio Code提供了設置編輯器，使用戶可以通過圖形化界面來方便地進行設置。

5.2.3 設置編輯器

我們先來看一看第一種設置方法——設置編輯器。

1．打開設置編輯器

在不同的系統下，可以分別使用以下菜單項來打開設置編輯器。

○ Windows/Linux:File→Preferences→Settings

○ macOS:Code→Preferences→Settings

此外，還可以通過以下兩種方式來打開設置編輯器。

○ 通過Ctrl+Shift+P快捷鍵打開命令面板，然后輸入并執行Preferences：Open Settings（UI）。

○ 通過快捷鍵Ctrl+，。

2．搜索設置

當你打開設置編輯器后，可以方便地查看和搜索各類設置。如圖5-2所示，我們在搜索框中輸入format搜索與格式化相關的設置，得到了161個相關設置。其實，Visual Studio Code并沒有那么多與格式化相關的設置。由于筆者安裝了較多的插件，而這些插件有許多與格式化相關的設置，所以才會有這么多的搜索結果。在左邊的導航視圖中可以看到，有148個設置是第三方插件的與格式化相關的設置。

3．編輯設置

對于絕大多數設置項來說，我們可以通過復選框、輸入框或下拉列表來對其進行編輯。如圖5-3所示，我們可以通過下拉列表來更改Word Wrap（自動換行）的設置。

4．設置分組

在設置編輯器左邊的導航視圖中，可以看到所有的設置都已經按功能進行了分組。這樣我們就可以快速地通過導航視圖在不同的設置分組之間跳轉了。

5.2.4 JSON設置文件

我們再來看一看第二種設置方法——JSON設置文件。

1．打開JSON設置文件

默認情況下，Visual Studio Code打開的是設置編輯器。不過，我們仍舊可以直接編輯settings.json這個JSON設置文件來對Visual Studio Code進行配置。事實上，如果我們通過設置編輯器對設置進行了更改，相應的設置也是保存在settings.json文件中的。可以通過以下兩種方式來打開JSON設置文件。

○ 通過Ctrl+Shift+P快捷鍵打開命令面板，然后輸入并執行Preferences：Open Settings（JSON）命令。

○ 通過把workbench.settings.editor設置為json，把默認的設置方法設置為JSON設置文件，之后再通過頂部的菜單項File→Preferences→Settings打開JSON設置文件。

此外，我們還可以在設置編輯器中直接切換到JSON設置文件。如圖5-4所示，有以下兩種切換方式。

○ 單擊右上角的Open Settings（JSON）按鈕。

○ 部分設置項中有Edit in settings.json這個選項，直接單擊該選項即可跳轉到settings.json文件，即JSON設置文件。

我們之前提到，對于絕大多數的設置項來說，我們可以通過復選框、輸入框或下拉列表來進行編輯。而部分設置項是復雜的JSON對象，這時，我們就需要在settings.json文件中對其進行編輯。

2．JSON設置文件的位置

根據操作系統的不同，用戶設置的settings.json文件所在的位置也不同。

○ Windows:%APPDATA%\Code\User\settings.json

○ macOS:$HOME/Library/Application Support/Code/User/settings.json

○ Linux:$HOME/.config/Code/User/settings.json

工作區設置的settings.json文件位于根目錄的.vscode文件夾下。

5.2.5 語言的特定設置

有些時候，我們需要針對不同的編程語言進行不同的設置，相關步驟如下所示。

（1）通過Ctrl+Shift+P快捷鍵打開命令面板，然后輸入并執行Preferences：Configure Language Specific Settings。

（2）如圖5-5所示，我們可以在所有語言的下拉列表中選擇需要進行配置的語言。需要注意的是，由于下拉列表過長，所以圖5-5只顯示了下拉列表中的部分語言。

（3）如圖5-6所示，針對TypeScript進行特定的設置。

除了以上方法，我們還可以直接在settings.json文件中進行設置。下面的代碼展示了對于TypeScript和Markdown的不同的設置。

5.2.6 設置與安全

有些設置可以指定一個可執行程序的路徑，來讓Visual Studio Code執行某些操作。比如，你可以設置集成終端所使用的shell的路徑。出于安全方面的考慮，這些設置的設置項只能通過用戶設置進行定義，而不能通過工作區設置進行定義。

下面這些設置項只能通過用戶設置進行定義。

○ git.path

○ terminal.integrated.shell.linux

○ terminal.integrated.shellArgs.linux

○ terminal.integrated.shell.osx

○ terminal.integrated.shellArgs.osx

○ terminal.integrated.shell.windows

○ terminal.integrated.shellArgs.windows

○ terminal.external.windowsExec

○ terminal.external.osxExec

○ terminal.external.linuxExec

5.2.7 常用的設置項

我們來看一看Visual Studio Code有哪些常用的設置項。掌握了這些設置項會使你的開發效率大大提高。

控制編輯器自動格式化粘貼的內容：

在保存文件后進行代碼格式化：

改變字體大小：

調整窗口的縮放級別：

設置連體字：

需要注意的是，在設置連體字的時候，要確保所設置的字體是支持連體字的。比如，Fira Code字體就是Visual Studio Code團隊常用的字體之一。

設置自動保存的模式：

設置一個制表符（Tab）等于的空格數：

設置按Tab鍵時插入空格還是制表符（Tab）：

控制編輯器在空白字符上顯示符號的方式：

配置排除的文件和文件夾的glob模式。文件資源管理器將根據此設置決定要顯示或隱藏的文件和文件夾：

配置在搜索中排除的文件和文件夾的glob模式：