如何在 VS Code 中更改主题

Visual Studio Code 将编辑和编写新代码变成一种轻松有趣的体验。 VS Code 的默认深色主题设计为比常规刺眼的白色背景更容易在眼睛上看到,因为长时间工作后会导致疲劳。但是,如果您在工作时不太喜欢屏幕上的深色怎么办?

如何在 VS Code 中更改主题

VS Code 模块化设计的好处在于,您可以通过许多不同的自定义选项来更改原始的深色主题,这些选项涵盖屏幕颜色、字体甚至 VS Code 集成终端本身的外观。

本文将告诉您有关在 VS Code 中更改主题的所有信息。

如何在 VS Code 中更改主题

在 VS Code 中更改整体主题既快速又容易。您需要执行以下操作:

  1. 打开 VS 代码。

  2. 选择“文件”(macOS 上的“代码”),选择“首选项”,然后选择“颜色主题”。

  3. VS Code 将向您显示一系列预建主题,供您在下拉菜单中进行选择。

  4. 使用光标键直接在屏幕上预览每个主题的外观。

  5. 在选择要使用的主题时按“Enter”。

将主题更改为不同的预配置主题可能是您第一次打开 VS Code 时做的第一件事。编码可能会花费很多时间,因此使用您感到舒适且在工作时不会伤害您的眼睛的主题是有益的。

如何在 VS Code 中更改终端主题

如果您想坚持终端颜色和主题的几个预配置选项,则过程与更改整体主题相同。所有集成主题都包含更改终端外观的选项,但您无法将其与主题本身的其他部分从主菜单中分离出来。

在使用上述步骤更改主题之前,请打开终端控制台(Ctrl + Shift + P)以预览对终端所做的更改。有些主题不会对终端进行任何更改,而其他主题则可以对其进行彻底的改变。此外,适度使用您喜欢的主题也不好,因为您可能会发现自己使用终端的次数比您最初想象的要多。

但是,有一些变通方法可以让您更改终端主题,我们将在下面的部分中介绍。

如何在 VS Code 中更改材质主题

VS Code 的主要功能是大量令人兴奋的扩展,用于自定义您的编码体验并为文本编辑器带来更多功能。其中一个扩展就是 Material Theme,它是 VS Code Marketplace 中最受欢迎的扩展之一。

Material Theme 比预先定制的设计有很多好处,但一些用户可能会发现它缺乏。此扩展程序的用户手册包含有关如何进行进一步更改以满足您的需求的一些提示。以下是在 Material Theme 中更改整体主题的方法:

  1. 打开快捷菜单 (Ctrl + Shift + P)。

  2. 在提示中输入“主题”。

  3. 选择“首选项:颜色主题”。

  4. 选择 Material Theme 的预设之一。

设置强调色将使代码的一部分弹出,如果它是诊断特别重要或麻烦的行,这会很有用。要设置强调色,请使用以下步骤:

  1. 打开快捷菜单 (Ctrl + Shift + P)。

  2. 在提示中输入“材料主题”。

  3. 选择“材料主题:设置强调色”。

  4. 从列表中选择您喜欢的颜色。

使用更改后的 Material 主题,您可以获得超出常规的自定义,我们将向您展示如何。

如何在 VS Code 中手动自定义主题

VS Code 允许进行更多的自定义,而不仅仅是在几个预设之间进行更改。这里有两种方法可以根据您的喜好自定义主题。

方法 1 – 下载自定义主题

在谈论定制时,我们不能不提到广阔的 VS Code 市场。存在各种扩展,它们仅改变 VS Code 的外观而不干扰其功能。这是下载主题的方法。

  1. 打开 VS Code 市场。您还可以使用屏幕左侧的集成“扩展”菜单。

  2. 在搜索栏中输入“主题”以仅浏览更改主题的项目。我们最重要的建议之一是上面提到的 Material Theme,但我们相信您可以找到最适合您的。

  3. 下载扩展(如果使用浏览器),然后通过转到“扩展 > 省略号图标 > 从 VSIX 安装”来安装 .VSIX 文件。或者,当您在 VS Code 中找到您喜欢的主题时,单击它,然后在详细信息(右侧)菜单中选择“安装”按钮。

  4. 安装并启用主题后,使用“首选项:颜色主题”命令选择它。

方法 2 – 编辑主题

所有主题和设置都使用纯文本存储在 VS Code 中。按照以下步骤访问这些设置并进行所需的更改:

  1. 创建工作台或用户设置文件。前者只会改变当前项目的外观,而后者将保留在新项目中。
  2. 在主菜单中输入“首选项:打开设置”命令。

  3. 选择左上角的选项卡以在用户和工作台设置之间进行选择。

  4. 按“在 settings.json 中编辑”以打开包含您需要更改的设置的文件。

  5. 找到名为“workbench.colorCustomizations”的设置。

  6. 专注于改变你想要的主题

“[主题名称]”:{}

Theme_name 是您要更改的主题的名称。保留引号。

  1. 在新括号中对主题进行了进一步更改。输入您要更改的参数名称(在引号中),输入“:”,然后选择您需要的适当设置。
  2. 使用本指南查找要更改的参数。
  3. 颜色以十六进制代码存储。使用颜色十六进制指南来确定您想要的颜色。

  4. 完成更改后,保存文件。

此方法可用于更改大部分 UI 和代码外观,包括基本主题颜色、背景、终端外观、按钮颜色和字体样式。

如果您想知道如何在 VS 代码中更改字体,请使用上面概述的方法 2。您可能需要一份字体指南。

其他常见问题

VS Code 主题存储在哪里?

来自扩展的主题存储在 VS Code 的扩展文件夹中。该位置在您的安装目录中(例如 C:),通常可以在这里找到:

~/.vscode/扩展名

这里,“~”是 VS Code 的安装目录。

基本主题存储在:Microsoft VS Code\resources\app\extensions\theme-defaults\themes

但是,您无需花时间寻找要更改的文件。通过“settings.json”文件更改用户设置将提供更快的结果。

如何更改 VS Code 中的注释颜色?

要更改注释颜色,请打开“settings.json”文件(使用上面概述的“方法 2”),选择要更改的主题,然后输入(带引号):

“评论”:“#hexcode”

这里,“hexcode”是所需颜色的代码。使用颜色选择器选择合适的颜色。

什么是 VS Code 中最好的主题?

最好的 VS Code 主题是您认为对您的编程工作最满意和最有用的主题。不同的用户可以有不同的颜色和主题偏好。值得庆幸的是,有很多选项可供选择,无论是预配置的主题、扩展下载,还是完全根据自己的喜好自定义主题的能力。

选择你的主题

通过这些说明,您可以根据需要完全自定义主题。凭借其丰富的选项,VS Code 仍然是最受欢迎的文本编辑器之一,它通过扩展获得新功能的能力使其与 IDE 非常相似。

你在 VS Code 中使用什么主题?您是否对首选主题进行了任何更改?请在下面的评论部分告诉我们。