2024 年 23 个最佳 VS Code 主题

如何在 VS Code 中安装主题

主题

结论

Visual Studio Code（VS Code）是微软开发的开源代码编辑器。

自 2018 年以来，它一直是我最喜欢的代码编辑器，而之前我使用的是 Sublime Text。

VS Code 的功能集以及与 TypeScript（也来自微软）的深度集成使它成为我最喜欢和日常的选择。

我可以确认，它目前已被前端开发人员社区广泛采用（React、Vue、Angular，但不仅限于此）。

对于后端开发人员来说情况就不同了，他们通常更喜欢 IntelliJ 产品。

考虑到 VS Code 是我们日常使用的编辑器，我们希望选择最好的主题，原因如下：

• 漂亮的配色方案（美观很重要）
• 提高代码的可读性
• 减轻眼睛疲劳
• 提高生产力

遵循 23 个主题的选择，其中一些非常受欢迎，其他则不太受欢迎。

滚动列表直到最后，您永远不知道何时可以找到自己会爱上的主题。

我不会告诉你我最喜欢的主题是哪一个，以免影响你 🙂

在列出清单之前，让我们先了解如何在 VS Code 上安装新主题。

如何在 VS Code 中安装主题

• 打开扩展选项卡（Shift + Cmd + X）
• 输入主题名称
• 点击安装
• 选择并设置颜色主题

让我们开始讨论主题。

主题

1. One Dark Pro

安装量：8,878,463

广泛使用的主题，即Atom的带有黑色背景的深色主题。

2. 德古拉官方

安装量：6,678,172

开发领域最受欢迎的主题之一。

3. GitHub 主题深色

安装量：11,813,086

该主题由 GitHub 设计，复制了 GitHub 网站的 UI。

4. GitHub 主题 Light

安装量：11,813,086

GitHub 网站主题的轻量级版本。

5. 凛冬将至

安装量：2,707,566

该主题混合了令人愉悦的高对比度颜色以及斜体等字体样式。

6.夜猫子

安装量：2,443,039

此主题采用深蓝色背景，并搭配对比鲜明的文字颜色。它还有一个浅色版本，名为“Light Owl”。

7. Monokai Pro

安装量：2,711,098

最知名的主题之一（我记得在 Sublime Text 中使用过它）。

它由深红色、黄色和浅蓝色三种主色组成。

8. 一个物会

安装量：2,117,317

该主题是 Monokai Pro 的衍生产品。

9.紫色的色调

安装量：1,756,519

如果您喜欢紫色，您一定会喜欢这个主题。

10. 阿尤

安装量：2,331,017

高度对比的主题，具有令人愉悦的文本颜色，橙色、绿色和浅蓝色。

11. 苍白之夜

安装量：639,141

这个主题是关于紫色的，但不像紫色阴影那样浓重。

12.钴2

安装量：1,436,181

超高对比度主题，几乎具有荧光色。

13. SynthWave '84

安装量：1,743,153

如果您喜欢 80 年代和合成波风格，这是一个标志性主题。

14. 夜神

安装量：1,004,008

主题以绿色色调设计。

15.熊猫

安装量：928,562

如果您喜欢熊猫和日本世界，您一定会喜欢熊猫。

16. 诺德

安装量：905,995

Nord 主题并不是要将颜色或北欧风景带入您的代码编辑器。

柔和而冷的色彩使这个主题非常时尚。

17. 崇高的材料

安装量：821,819

18. Slack 主题

安装量：395,047

如果您想在代码编辑器中继续使用 Slack 主题，那么这对您来说是完美的主题。

它有多种变体。

19.东京之夜

安装量：1,359,936

很受欢迎的主题，让我想起了《攻壳机动队》之类的电影。太时尚了。

20.胭脂

安装量：34,931

VSCode 主题采用深色材质，配色明亮通透。设计灵感源自 Atom 的 Material 风格。

21. 波伊曼德雷斯

安装量：52,108

Poimandres 是一款极简主义的无边框深色主题，主要灵感来自 蓝莓。该主题试图注重语义而非色彩的多样性。你会发现，它用红色标记了错误、无效、抛出和删除等内容，类型颜色略深，以便将焦点集中在代码上，绿色标记则用于标记新内容等等。

22. 扁平

安装量：15,435

import色彩鲜艳的深色主题。我喜欢语法关键字（例如“和”）from与变量名之间的对比。

23. 布鲁洛科黑暗

安装量：337,834

适用于 Visual Studio Code 的精美而又精致的深色设计师配色方案/主题。

此主题更全面地运用了语法范围和色彩一致性，并兼顾了美观性、对比度和可读性。它最初衍生自精美的 One Dark 主题，并添加了直观易懂的 Bluloco 调色板。

结论

这就是 Visual Studio Code 的一系列精彩主题的全部内容。

如果您喜欢它们，或者想要建议更多主题，请随时通过电子邮件或Twitter/X与我联系。