VS Code settings.json：10 个高（装）阶（杯）配置！

前言

VS Code 作为一款备受开发者喜爱的代码编辑器，其强大的可定制性和丰富的扩展生态使它脱颖而出。而 settings.json 文件则是 VS Code 的配置文件，允许用户对编辑器的各种设置进行修改，以满足自己的个性化需求和工作习惯。

本文将介绍 10 个 VS Code settings.json 的高级配置项，帮助你进一步提升编辑器体验和工作效率。这些配置涵盖了各种方面，包括界面主题、代码格式化、快捷键自定义等。让我们开始吧！

1. 界面主题：打造专属风格

VS Code 提供了多种内置界面主题，允许你根据个人喜好和工作环境进行选择。除了这些内置主题外，你还可以通过扩展市场安装更多主题。

要更改界面主题，只需在 settings.json 文件中添加以下配置项：

"workbench.colorTheme": "One Dark Pro",

将 "One Dark Pro" 替换为你喜欢的主题名称。

2. 代码格式化：保持代码整洁

代码格式化可以帮助你保持代码整洁，提高可读性和维护性。VS Code 提供了多种代码格式化选项，你可以根据自己的编码风格进行选择。

要启用代码格式化，请在 settings.json 文件中添加以下配置项：

"editor.formatOnSave": true,

这将使 VS Code 在每次保存文件时自动格式化代码。

3. 自动保存：告别手动保存

自动保存功能可以帮助你避免忘记保存文件而导致数据丢失。VS Code 提供了多种自动保存选项，你可以根据自己的工作习惯进行选择。

要启用自动保存，请在 settings.json 文件中添加以下配置项：

"files.autoSave": "afterDelay",

这将使 VS Code 在你停止编辑文件一段时间后自动保存文件。

4. 快捷键自定义：提高操作效率

VS Code 允许你自定义键盘快捷键，以便更快速地执行各种操作。这可以大大提高你的工作效率。

要自定义键盘快捷键，请在 settings.json 文件中添加以下配置项：

"keybindings": [
  {
    "key": "ctrl+shift+p",
    "command": "workbench.action.quickOpen",
  }
]

这将把 "ctrl+shift+p" 快捷键映射到 "workbench.action.quickOpen" 命令，后者可以打开命令面板。

5. 代码片段：快速输入常用代码

代码片段可以帮助你快速输入常用代码，从而提高编码效率。VS Code 提供了多种代码片段，你也可以创建自己的代码片段。

要启用代码片段，请在 settings.json 文件中添加以下配置项：

"editor.snippetSuggestions": "always",

这将使 VS Code 在你输入代码时自动建议代码片段。

6. 扩展管理：轻松安装和更新

VS Code 的扩展市场提供了丰富的扩展，可以帮助你扩展编辑器的功能。你可以通过扩展市场轻松安装和更新扩展。

要启用扩展管理，请在 settings.json 文件中添加以下配置项：

"extensions.autoUpdate": true,

这将使 VS Code 自动更新已安装的扩展。

7. 调试：快速定位错误

VS Code 提供了强大的调试功能，可以帮助你快速定位和修复错误。你可以通过调试工具栏或键盘快捷键启动调试。

要启用调试，请在 settings.json 文件中添加以下配置项：

"debug.javascript.usePreview": true,

这将启用 JavaScript 调试的预览功能，使你可以在调试过程中看到代码执行的结果。

8. 版本控制：轻松管理代码变动

VS Code 与常见的版本控制系统（如 Git）集成良好，允许你轻松管理代码变动。你可以通过源代码管理工具栏或键盘快捷键执行版本控制操作。

要启用版本控制，请在 settings.json 文件中添加以下配置项：

"git.autofetch": true,

这将使 VS Code 在每次打开项目时自动获取最新代码变动。

9. 代码审查：提高代码质量

代码审查可以帮助你发现代码中的错误和潜在问题，提高代码质量。VS Code 提供了多种代码审查工具，你可以使用这些工具来审查自己的代码或他人的代码。

要启用代码审查，请在 settings.json 文件中添加以下配置项：

"editor.codeLens": true,

这将启用代码透镜功能，允许你在编辑器中查看代码相关信息，如函数定义、引用等。

10. 主题图标：个性化编辑器外观

主题图标可以帮助你个性化编辑器外观，使之更具个性。VS Code 提供了多种主题图标，你可以根据自己的喜好进行选择。

要更改主题图标，只需在 settings.json 文件中添加以下配置项：

"workbench.iconTheme": "Material Icon Theme",

将 "Material Icon Theme" 替换为你喜欢的主题图标名称。

结语

以上就是 10 个 VS Code settings.json 的高级配置项，希望对你有帮助。通过这些配置，你可以进一步提升编辑器体验和工作效率。

当然，这只是 VS Code 众多配置项中的一小部分。你还可以根据自己的实际需求和工作习惯探索更多配置项，打造专属的 VS Code 编辑环境。