如何在 VS Code 中启用深色主题

VS Code 是一款流行的轻量级开发工具，可通过它编写和调试多种编程语言。一种常见的自定义设置是切换到深色主题。深色主题只是将界面中的颜色方案反转，从而提供更佳的可读性和少些疲劳感。

以下是在 VS Code 中启用深色主题的步骤：

步骤 1: 打开 VS Code 的 settings.json 文件

要启用深色主题，需要打开 VS Code 的 settings.json 文件。该文件包含所有用户首选项存储的信息

对于 MacOS 用户，您可以通过 Shift + Command + P 快捷键来打开命令菜单，然后输入“Preferences: Open User Settings”。您也可以通过 Command + , 来打开 “Settings” 面板，并点击具有“{}”符号的 “Open Settings (JSON)” 选项卡。这两种方法都会打开 settings.json 文件

对于 Windows 用户，您可以通过 Ctrl + Shift + P 快捷键来打开命令菜单，然后输入“Preferences: Open User Settings” 。您也可以通过 Ctrl + , 来打开“Settings”面板并单击具有“{}”符号的“Open Settings (JSON)”选项卡。这两种方法都会打开 settings.json 文件

步骤 2: 在 settings.json 文件中启用深色主题

一旦您打开了 settings.json 文件，可以在其中插入以下 JSON：

"workbench.colorTheme": "Monokai"

将Monokai替换为您喜欢的深色主题，例如Dracula，Night Owl等。如果您使用的是 VS Code 的最新版本，则不需要重新启动 VS Code。

步骤 3: 启用深色主题的高级设置和个性化

你可能会想更进一步定制你的深色主题。功夫不负有心人, 通过一些设置就可以做到非常鲜活。

3.1 调整字符着色

“editor.tokenColorCustomizations” 选项可让您调整文本着色方案。

//settings.json
{
  "editor.tokenColorCustomizations": {
    "comments": "#aaa",
    "keywords": "#00f"
  }
}

3.2 更改边栏颜色

以下是更改边栏背景颜色的示例设置：

//settings.json
{
  "workbench.colorCustomizations": {
    "sideBar.background": "#333"
  }
}

3.3 高对比度深色主题

如果您需要更高的可访问性或可见性，可以尝试使用高对比度深色主题 (“hc-black”)，如下所示：

//settings.json
{
  "workbench.colorTheme": "hc-black"
}

3.4 安装更多深色主题插件

您还可以从 VS Code 插件市场中安装更多深色主题。

对于大多数深色主题，只需在命令菜单中使用“扩展：安装扩展”选项来查找和安装新的主题。安装完成后，您可以使用以下 JSON 更改主题：

//settings.json
{
  "workbench.colorTheme": "Dracula"
}

总结

以上就是启用深色主题的快速指南，您可以根据自己的需求和喜好选择适合自己的深色主题。如果您需要更深入的个性化设置，请查看 VS Code 官方文档，可以更好地理解并使用 VS Code 许多可自定义的功能，如指定图标主题，自定义主题插件和代码着色方案。