导读：想要提升开发效率和视觉体验？本文为你整理了 VS Code 最值得配置的几个关键设置：

  • 资源管理器缩进与引导线设置，提升文件结构可读性
  • 推荐使用 Fira Code 字体并启用连字符，让代码更清晰美观
  • 精选三大主流主题：One Dark Pro、Dracula、GitHub 主题对比及安装方式
  • 安装 Material Icon Theme 图标主题，增强文件类型识别度

通过这些简单但效果显著的设置，让你的 VS Code 更加个性化、高效化。

开始

VS Code是一个功能强大的编辑器，我们可以通过自定义设置，让它使用更加方便。

设置

提高“资源管理器”的可读性

让“资源管理器”中文件树更加清晰、有条理，可以通过下面的方法配置：

  1. 打开VS Code。
  2. 按Ctrl + Shift + P或者 Cmd + Shift + P打开命令面板。
  3. 输入Preferences: Open Settings (JSON)，然后选择首选项: 打开设置(JSON)。
  4. 在打开的settings.json文件中，添加下面的代码：
{
    "workbench.tree.indent": 15,
    "workbench.tree.renderIndentGuides": "always",
    "workbench.colorCustomizations": {
      "tree.indentGuidesStroke": "#05ef3c"
    }
}

资源管理器

设置字体

推荐使用Fira Code字体，这款字体因其编程连字符而改变了开发者的游戏规则，它能让你的代码更易读、更美观。请按照以下步骤安装：

  1. 下载Fira Code字体：Fira Code GitHub page
  2. 安装字体，打开下载的.ttf文件，点击“安装字体”。
  3. 设置字体，在打开的settings.json文件中，添加下面的代码：
{
  "editor.fontFamily": "Fira Code",
  "editor.fontLigatures": true
}

设置字体

设置主题

VS Code有多种主题可供选择，可以根据个人喜好进行设置。

  • One Dark Pro：深色，易于识别。 One Dark Pro

  • Dracula Official：大胆的色彩和深色背景。 Dracula Official

  • GitHub 主题：GitHub 粉丝的完美之选。 GitHub 主题

增强图标显示

使用Material图标主题，让文件更加具有辨识度。在扩展中搜索Material Icon Theme，安装后，VS Code会自动应用新的图标。 Material图标主题 Pasted image 20240920190418.png

结尾

只需要这几步设置，就可以让VS Code编辑器变得更加好用，同时可以大大提升工作效率。