工具利器 Visual Studio Code 之 Settings（一）

Visual Studio Code 虽说是一款轻量的 IDE，但是它的可定制性却非常强大。早先继承了 Web 开发的传统，它使用 JSON 来管理配置。用户也是直接操作 JSON 格式的配置内容。严格来说 JSON 不支持注释，但它额外有了一种叫 JSON with Comments 的格式，支持 JavaScript 的行内、单行、跨行注释语法。这样对我这样的开发人员来说，感觉就很良好了。

Visual Studio Code 的配置分全局（User Settings）和工作区（Workspace Settings）。全局是对所有工程、所有工作区都生效的。工作区的配置会覆盖全局配置中相同条目的内容。今天我们就主要来看看全局配置。

原则

全局配置要有一定的规范，不能所有配置都需要、都能往里面加的。大概有三项原则：

1. 将那些通用的、最广泛用到的配置放到这里。
2. 尽量少，精简为上，不重复默认配置。
3. 还要考虑那些会被临时打开的文件，尽量不要影响它们。

第一条、第二条我想大家都很容易理解，但第三条可能就不太注意了。由于开发工作中经常需要临时打开单个文件或目录，甚至还要去修改它们。这些临时打开的文件或目录并没有工作区配置，我们大概也不会想去为它们建一下工作区配置。这样，它们就只会应用全局配置了。所以在这里，我们有时候就要小心一点了。

工作台与窗口

我们先来看看 Visual Studio Code 整个窗口与界面相关的定制。

使用先前的 JSON Editor 进行配置

{ "workbench.settings.editor": "json", "workbench.settings.openDefaultSettings": true, "workbench.settings.useSplitJSON": true, } 

Visual Studio Code 在后续的版本中，默认使用 UI Editor 来进行配置。它就跟传统的界面配置方式一样，有一些输入框、下拉框等。虽然看起来更加“友好”了，不过作为一个开发人员，我还是更喜欢先前的 JSON Editor。JSON Editor 非常强大，不光支持上面说的注释，它还支持智能提示（IntelliSense）、自动补全。配置项的搜索也非常智能。

显示文件相对路径

"window.title": "${activeEditorMedium}${separator}${rootName}", 

默认窗口标题只展示当前文件名称、工作区名称。如果一个工程内有多个相同文件名的文件（在不同目录下），就不好区分了。而使用这个配置，就可以在窗口标题上展示文件相对工作区根目录的“相对路径”。让人惊喜的是，如果这个文件不是当前工作区的，则会显示它的完整路径，而不是各种 ..\.. 组成的相对路径了。

隐藏文件图标

"workbench.iconTheme": null, 

默认情况下，在 Visual Studio Code 的资源管理器（Explorer）里，文件前会展示一个彩色图标，表示其类型。看起来确实挺炫的，不过它一定程度上影响了文件树的结构表达。使用这个配置，就能恢复清爽了。

快速打开的文件不再是预览模式

"workbench.editor.enablePreviewFromQuickOpen": false, 

所谓预览模式或预览编辑器（Preview Editor），就是可以被复用的标签页。当我们对多个文件进行单击打开时，只会使用同一个编辑器（Editor）标签窗口，这样就可以避免标签过多导致体验太差。双击标签页或编辑一下文件，就可以固定标签页，不再被复用了。而快速打开（Quick Open）是利用快捷键（Command + P）搜索并打开一个文件。它默认也是预览模式。但我一般的使用场景是，通过快速打开、搜索文件，主要是为了对这些文件进行处理（如编辑）或较长时间的查看（如对比等），而且一般都是多个文件要连续打开。这个跟对多个文件单击进行逐一浏览、检查就不太一样了。这样就把我们的操作分成两部分，使工作更加具有条理。通过这个配置就可以关闭快速打开的预览模式。

自动定位当前文件在资源管理器中的位置

"explorer.autoReveal": false, 

当我们打开一个文件，或激活一个文件标签窗口时，Visual Studio Code 会把这个文件在资源管理器中的位置显示出来并选中它。也就是说会自动展开树结构。看起来还不错。但是当你在多个文件标签窗口切换的时候，你会发现左侧的资源管理器的树可能都被展开了。这要是在目录较多、文件较多的工程里，就像有人把你好好打扫整理的房间又弄乱了，那种心情~~~。这个选项配合快速打开，就能保证左侧的文件树总是保持我们关心、期望的展开状态。

下一篇我们将会介绍下 Editor 相关的设置。请记住，我们的三项原则。