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模式：