返回首页

更专业地使用vscode

翻译自 Use VS Code Like a Pro

只需些许调整，vscode就能变得更好用。

优化文件树

首先解决vscode默认缩进关系不清晰的问题。

更清晰的缩进

可以通过几行配置来让你的文件树更清晰、更有条理！

  1. 打开vscode

  2. 打开 Command Palette（快捷键：Ctrl+Shift+P）

  3. 输入 Preferences: Open Settings (JSON)，然后回车

  4. 在打开的settings.json文件中添加以下配置

{
  "workbench.tree.indent": 15,
  "workbench.tree.renderIndentGuides": "always",
  "workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#05ef3c"
  }
}

更明显的层级关系和缩进指示器

字体：Fira Code

我推荐使用 Fira Code。

img

该字体让抽象的符号堆叠变得更养眼且直观。

项目README有中文版本。并介绍了各个操作系统的字体安装方法。

主题

推荐四个主题

One Dark Pro

美观的深色主题。

img

Dracula Official

深色主题，适合喜欢暗色系的开发者。字体更突出。

​ img

GitHub Theme:

适合github粉丝的主题。

img

Material Icon Theme

更清晰美观的图标主题。

img