最佳彩色 VSCode 扩展 - 如何个性化你的编辑器

工程师们每天有很大一部分时间是在他们的集成开发环境（简称为 IDE）中编写代码。而 Visual Studio Code 是市场上最好的免费 IDE 之一。

我发现，个性化我的 IDE 可以帮助我更加享受使用它的时间。我想与大家分享同样的快乐火花，并一直在寻找和测试可以下载的最佳扩展，而其中很多都能帮助你提高工作效率。

这篇文章超越了主题扩展，所以我建议先挑选一个主题，或者试试我目前最喜欢的主题 Dracula Refined。

Indent Rainbow 彩虹缩进

Indent Rainbow 是一个伟大的工具，可以为你的设置添加色彩和提高生产力。它还可以作为你缩进的对齐检查。每个缩进都有一个交替的彩虹颜色。

想在你的 Indent Rainbow 中定制颜色吗？请看 Evondev 的 Indent Rainbow Palettes。

安装 Indent Rainbow 后，再安装这个扩展，并按照所述步骤选择一个新的渐变调色板。

这将为括号添加彩虹色，匹配的括号将有相同的颜色。这个扩展在我寻找缺失或多余的括号时救了我好几次。

Bracket Pair Colorizer 是另一个受欢迎的扩展，安装量超过 400 万。

这个扩展最近已经作废了。这是因为 VSCode 的升级允许对括号进行着色设置。这可以在你的用户设置中用 "editor.bracketPairColorization.enabled": true 来切换。

这个功能的改进使得它成为一个更好的选择，但是如果你不愿意编辑你的用户设置，我建议你找一些扩展来处理这个问题，比如 Bracket Pair Colorizer 或 Rainbow Brackets。

Colorize 通过高亮显示颜色变量的颜色值来实现可视化。这对翻译十六进制代码和变量名称来说是一个方便的省时工具。

Peacock 提供可选的窗口颜色。它对于管理多个工作空间非常有用。在类似的窗口之间跳转时，很容易忘记你在哪个工作区，但有了 Peacock 提供的明亮的颜色就不会了。你甚至可以自定义工作区的颜色。

添加图标可以在浏览你的文件夹时有所帮助。VSCode Icons 有一个广泛的图标库，与各种文件类型相匹配。

例如，你可以很容易地根据图标看到你是在选择 TypeScript 文件还是 JavaScript 文件。它还为文件夹结构增加了额外的色彩和细节。

TODO Highlight 将定制你的 TODO 注释列表，并使它们用颜色突出。注释的代码是很容易被忽略的，但有了这个扩展就不一样了，因为很难忽略亮橙色的文本。

TODO 和 FIXME 是内置的关键词。你可以选择自定义这些颜色并添加额外的关键词。

以下是本文中提到的扩展的列表：

我希望这些扩展也能为你的 VSCode 带来彩虹般的色彩。