在 VS Code 中尝试

个性化 VS Code

VS Code 高度可定制。您可以使用颜色和图标主题更改编辑器的外观,并分配您最熟悉的键盘快捷方式。通过设置,您可以配置 VS Code 编辑器、用户界面和功能行为的几乎所有部分。

本文涵盖以下主题

配置设置

通过设置,VS Code 的几乎所有方面都可以进行自定义。设置使您可以配置编辑器选项,例如启用自动换行或显示迷你地图,设置特定于语言的调试器设置,启用工作区信任等等。当您从 Visual Studio Marketplace 安装扩展时,它们可能会添加自己的扩展设置

“设置”编辑器(⌘, (Windows, Linux Ctrl+,))提供了用于修改设置的图形界面。修改设置时,VS Code 会将其存储在 settings.json 文件中。您也可以选择直接编辑 settings.json 文件。

Screenshot that shows the Settings editor, with the settings filtered by 'wordwrap'.

VS Code 提供了两种类型的设置。用户设置 全局应用于任何 VS Code 实例,而工作区设置 则与您的项目一起存储并仅应用于该项目。在“设置”编辑器中,您可以使用相应的选项卡在用户设置和工作区设置之间切换。

使用“设置”编辑器修改 VS Code 中的设置

  1. 通过 文件 > 首选项 > 设置 菜单或按下 ⌘, (Windows, Linux Ctrl+,) 打开“设置”编辑器。

  2. 使用树视图或在搜索栏中键入内容来搜索要更改的设置。

  3. 在“设置”编辑器中修改设置。

    提示

    若要显示您已修改的设置,请在“设置”编辑器搜索栏中选择 已修改 过滤值。

获取有关在 VS Code 中配置设置的更多详细信息,例如配置特定于语言的设置或跨计算机同步设置。

更改默认键盘快捷方式

VS Code 允许您直接通过键盘执行大多数任务。安装 VS Code 后,它会带有一组默认键盘快捷方式。将鼠标悬停在 VS Code 界面中的 UI 元素上,可以查看其键盘快捷方式(如果可用)。命令面板还会显示具有快捷方式的命令的键盘快捷方式。

您可以使用键盘快捷方式编辑器(⌘K ⌘S (Windows, Linux Ctrl+K Ctrl+S))自定义这些默认快捷方式或为您的常用命令和操作添加新的快捷方式。

Video that shows how to open the Keyboard Shortcuts editor, search for commands, and modify shortcuts.

使用键盘快捷方式编辑器更改 VS Code 中的键盘快捷方式

  1. 选择 文件 > 首选项 > 键盘快捷方式 或使用 ⌘K ⌘S (Windows, Linux Ctrl+K Ctrl+S) 快捷方式打开键盘快捷方式编辑器。
  2. 选择要更改的命令旁边的铅笔图标。
  3. 按下您想作为命令快捷方式分配的按键。

键位映射扩展 使您能够修改 VS Code 的快捷方式,以匹配您偏爱的编辑器的快捷方式。从命令面板中选择 首选项: 键位映射 命令,以查看键位映射扩展列表。

获取有关在 VS Code 中配置键盘快捷方式的更多详细信息,例如指定键盘规则或运行多个命令。

使用主题更改 VS Code 的外观

主题允许您修改 VS Code 的外观以匹配您的偏好。VS Code 内置了多种主题。您可以从 Visual Studio Marketplace 安装更多主题。

颜色主题 使您能够修改 Visual Studio Code 用户界面中的颜色,以匹配您的偏好和工作环境。主题会影响 VS Code 用户界面元素和编辑器的语法高亮颜色。VS Code 支持浅色和深色颜色主题,以适应不同的光照环境和个人偏好。

Video that shows how to preview color themes from the Command Palette.

在 VS Code 中更改颜色主题

  1. 打开命令面板(⇧⌘P (Windows, Linux Ctrl+Shift+P))。
  2. 键入 color,然后选择 首选项: 颜色主题
  3. 使用 向上向下 键预览颜色主题,使用 Enter 选择一个。
  4. 可选地,选择 浏览更多颜色主题 以在 Visual Studio Marketplace 中浏览更多颜色主题。

VS Code 中还有更多主题设置选项,例如文件图标主题或创建自己的主题。获取有关VS Code 中的主题的更多详细信息。

更改显示语言

Visual Studio Code 默认以英语作为显示语言。您可以通过从 Visual Studio Marketplace 安装语言包扩展来更改显示语言。

如果 Marketplace 上有相应的语言包,VS Code 会检测操作系统的 UI 语言并提示您安装。

更改当前显示语言

  1. 打开命令面板(⇧⌘P (Windows, Linux Ctrl+Shift+P))。
  2. 选择 配置显示语言 命令。
  3. 从列表中选择您偏爱的语言。
  4. 根据提示重新启动 VS Code。

获取有关更改 VS Code 中显示语言的更多详细信息。

后续步骤

个性化 VS Code 后,您可以