5 个最佳 VS Code 主题比较 - 一篇主观评论

一个黑暗专业版

材料

德古拉官方

诺德

地平线

是不是缺少了什么？

这篇文章取自我的博客，因此请务必查看以获取更多最新内容。

每个程序员都需要一个自己的代码编辑器。无论是简单的文本编辑器、基于终端的应用程序，还是功能齐全的 IDE，你都必须拥有一个。话虽如此，你很可能知道，最近（尤其是在 Web 开发领域），微软的一款开源代码编辑器VS Code席卷了广大开发者！

VS Code 凭借其令人印象深刻的功能集，为程序员提供了一个独特的选择。它不仅拥有完善的扩展生态系统，提升了日常使用体验，而且还支持自定义主题！这样，您可以自行定制编辑器，也可以使用VS Code 市场中提供的众多主题之一。

但是，你真的应该在意代码编辑器的外观吗？它难道不应该只是一个“完成工作”的工具吗？嗯，我想很多人会有自己的看法，但就我个人经验而言，我认为这个“细节”非常重要。在我看来，一个美观的工具可以极大地提高我的工作效率——工具越漂亮，我就越有可能用它做一些有用的事情。此外，由于你可能会花很多时间使用这个编辑器，我敢打赌你肯定不想一直盯着一些垃圾（或者至少是你不太喜欢的东西）！

所以，在今天的文章中，我想向大家介绍我认为最好的 5 个 VS Code 主题，你可以在它的市场中免费找到并使用它们！我们会分析它们的优缺点，并进行比较，看看哪一个才是最好的！不过，我的一些评论可能有点主观（毕竟所有事情都是这样），所以请谨慎对待。开始吧！

一个黑暗专业版

从下载量最高的主题开始说起——One Dark Pro。这款主题的下载量接近1250 万次，它基于另一款代码编辑器Atom的默认主题配色方案。那么，问题来了——如此火爆的程度从何而来？

在我之前的一篇文章中，我比较了 VS Code 和 Atom。在这次比较中，虽然 VS Code 在大多数类别中都明显胜出，但 Atom 的设计和美观度也值得称赞。尽管 VS Code 的整体外观很棒，但 Atom 编辑器在设计方面却更胜一筹。它不仅拥有更简洁、更简约的用户界面，而且还拥有一个均衡的默认主题——One Dark——兼顾了实际用户界面和语法高亮。而 One Dark Pro 的灵感正是源于此……

这款主题的整体外观和感觉非常棒！它有三种变体—— standard、bold和vivid，每个名称都代表了语法高亮外观上的一些细微差异。与原版一样，该主题也只支持深色（Atom 的浅色主题是单独的，名为One Light）。色彩均衡，对比度恰到好处。有了这么棒的主题，选择就完全取决于个人喜好了。

我认为，对于那些只想拥有一个美观主题而不用担心其他任何事情的人来说，One Dark Pro 是一个不错的选择。但是，因为我比较挑剔，所以我更喜欢同时提供浅色和深色两种主题。我白天使用浅色主题，晚上使用深色主题。我知道它的名字本身就表明它不是一个浅色主题，但是……当然，你可以找到一些 Atom One Light 主题的衍生产品，但这并不能改变这个主题并非“完整套件”的事实。

材料

下一个热门主题是基于 Google Material Design (MD) 的主题 - Material Theme。它拥有美观简约的外观——正如 MD 所体现的那样。它有 5 种变体 - Light、Dark、Darker、Palenight和Oceanic - 每种变体都有相应的“高对比度”版本。

我一直以来都偏爱 Material Theme，而且理由充分！仔细想想，Material Theme 几乎满足了优秀主题的所有要求。首先，它提供了多种明暗对比色（尽管它仍然偏爱暗色）。其次，它允许自定义强调色——这是一个微妙却非常值得赞赏的细节！它当然也遵循了 MD 的指导原则，这在我看来无疑是一个优点。我喜欢 MD，也认为 Google 在这方面做得非常出色。许多现代 Web 应用和基于 Electron 的应用要么直接使用它，要么以某种方式受到了它的启发。Material Theme 也不例外。

我换用 Material Theme 的唯一原因，还是因为浅色主题。用了一段时间后，我开始注意到一些细节问题，比如对比度不足。像集成终端里的目录名、弹出通知按钮上的文字，或者 VS Code 的预览定义功能，这些细节都很难分辨，甚至根本看不清。没错，我说的也是“高对比度”版本！总之，如果你还没用过浅色主题，Material Theme 或许是个不错的选择——尤其是在它可爱的Palenight版本中！

德古拉官方

一个非常受欢迎的主题，以一个非常受欢迎的吸血鬼命名——Dracula Official，深受众多开发者和“普通”用户的喜爱。为什么呢？主要是因为 Dracula 是一个很棒的主题，同时也因为它的可移植性。

虽然 One Dark Pro 可能是 Atom One Dark 的移植版，而 Material Theme 则是同名更广泛标准的实现，但它们都无法像 Dracula 一样直接支持如此多的应用程序。Dracula 主题项目涵盖了近50 款不同的应用程序，包括 VS Code、Atom、Slack、Vivaldi（一款网页浏览器）等等！如果您至少使用其中两款受支持的应用程序，出于一致性的考虑，您可以考虑使用此主题。

像德古拉这样的吸血鬼不喜欢光，所以这里根本不可能提供这样的变体。你唯一的选择是默认选项和柔和选项，柔和选项的语法和图标颜色更加微妙，偏灰。对比度确实存在，而且非常明显。添加一些非常暗的颜色，使主题在夜间使用时看起来很棒。然而，在白天的光线下，它会感觉有点……刺眼。

总的来说，我肯定会向每个喜欢一致性和黑暗吸血鬼的人推荐这个主题。;)

诺德

Nord是我所说的“海洋主题”的完美典范。它非常适合那些想要一个不太暗、不太亮的主题，或者只是不喜欢鲜艳色彩的人。该主题强调了蓝色的不同变体——无论是强调色还是语法高亮。

与此列表中的前一个主题一样，Nord 非常便携，可在近35 个不同的应用程序中使用。它可能不像 Dracula 那样广泛传播，但它的便携性确实非常高。

Nord 的独特之处在于其精妙的语法高亮功能。尽管其偏蓝（他们是这样称呼的）的颜色相当柔和，但语法仍然保持了极佳的可读性和良好的视觉体验。当然，如果你喜欢更鲜艳的颜色（就像我一样），或者你根本不喜欢蓝色——那么这个主题可能不是你的最佳选择。

地平线

最后，我们以目前我最常用的主题——Horizo​​n 来结束这份清单。虽然它的下载量排名垫底（但也在 40 万左右），但 Horizo​​n 凭借其出色的对比度和配色方案脱颖而出。

Horizo​​n 提供浅色和深色两种版本，两种版本均提供粗体和斜体选项，方便用户调整语法高亮。浅色主题非常出色，尤其是与本列表中的其他浅色主题相比。它对比度高（所有内容都清晰可见）、语法高亮效果生动，并且色温有所提升，视觉效果极佳。深色版本也遵循类似的规则。它以生动的语法高亮和一些深色配色脱颖而出。我认为，那些追求真正深色主题的人一定会喜欢它。

总的来说，我认为 Horizo​​n 是这份榜单上最好的主题。当然，它并没有提供所有好用的功能，比如可调节的强调色或跨应用的可移植性。但是，凭借精心设计的明暗变体、出色的对比度和生动的语法高亮，我认为它提供了 VS Code 中人们可能想要的最佳“完整套件”。

是不是缺少了什么？

这就是我整理的最佳 VS Code 主题列表。正如我多次提到的，这份列表本身就比较主观，肯定不会适合所有人。每个人的需求和偏好不同，这很正常。不过，如果你还没有决定最喜欢的主题，或者你刚刚开始使用 VS Code，我强烈建议你查看一下列出的任何主题。另外，也许你正在使用一些其他主题，并想与他人分享？如果有的话，请在下面的评论区写下来！

如果您想及时了解本博客的最新动态，请务必在Twitter、Facebook或Reddit上关注我。顺便说一句，我还开通了YouTube 频道，您可以去看看。一如既往，非常感谢您阅读这篇文章，祝您有美好的一天！