更专业地使用 VS Code

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

优化文件树

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

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

1. 打开 VS Code

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。

该字体让抽象的符号堆叠变得更养眼且直观。比如让箭头不再是两个符号的拼接 =>，而是真正的 ➡️。

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

删去 ESLint & Prettier

改用 Biome，因为是用 Rust 写的，比 ESLint + Prettier 快几十倍，零配置体验好，开箱即用的 TS/JSX 支持也很完整。

建议新项目直接上。

老项目除非你们对 lint 有大量自定义的规则，否则也推荐逐渐迁移。

主题

推荐四个主题

1. One Dark Pro，美观的深色主题。

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

3. GitHub Theme，适合 GitHub 粉丝的主题。

4. Material Icon Theme，美观的图标主题