现已推出！阅读 10 月份发布的新功能和修复。

用户界面

Visual Studio Code 本质上是一个代码编辑器。与许多其他代码编辑器一样，VS Code 采用左侧资源管理器、右侧编辑器的常见用户界面和布局，资源管理器显示所有可访问的文件和文件夹，编辑器显示打开文件的內容。

基本布局

VS Code 提供了一个简单直观的布局，最大化了为编辑器提供的空间，同时留下了充足的空间来浏览和访问文件夹或项目的完整上下文。用户界面分为五个主要区域

  • 编辑器 - 编辑文件的区域。您可以像喜欢的那样垂直和水平并排打开多个编辑器。
  • 主要侧边栏 - 包含不同的视图，例如资源管理器，在您处理项目时提供帮助。
  • 状态栏 - 关于打开的项目和您正在编辑的文件的信息。
  • 活动栏 - 位于最左侧。允许您在视图之间切换，并提供其他特定于上下文的指示器，例如 Git 启用时，待处理的更改数量。您可以更改活动栏的位置。
  • 面板 - 编辑器区域下方提供的额外空间，用于显示视图。默认情况下，它包含输出、调试信息、错误和警告以及集成终端。面板也可以移动到左侧或右侧，以获得更多垂直空间。

Screenshot of the VS Code user interface, highlighting the five main areas.

提示：辅助侧边栏也可用，用于显示与主要侧边栏相对的视图。您可以使用 ⌥⌘B (Windows, Linux Ctrl+Alt+B) 显示它，并将视图从主要侧边栏拖动到辅助侧边栏。

每次启动 VS Code 时，它都会以您上次关闭时的相同状态打开。文件夹、布局和打开的文件都将保留。

每个编辑器中打开的文件都以带标签的标题（标签）显示在编辑器区域的顶部。要了解有关带标签标题的更多信息，请参阅 标签 部分。

提示：您可以通过右键单击活动栏并选择将主要侧边栏移到右侧来将主要侧边栏移动到右侧，或切换其可见性 (⌘B (Windows, Linux Ctrl+B)）。

并排编辑

您可以像喜欢的那样垂直和水平并排打开多个编辑器。如果您已经打开了一个编辑器，有多种方法可以打开另一个编辑器到侧边

  • 按住 Alt 键并选择资源管理器视图中的文件。
  • 使用 ⌘\ (Windows, Linux Ctrl+\) 将活动编辑器拆分为两个。
  • 打开到侧边 (⌃Enter (Windows, Linux Ctrl+Enter)) 来自资源管理器上下文菜单中的文件。
  • 选择编辑器右上角的拆分编辑器按钮。
  • 将文件拖放到编辑器区域的任意一侧。
  • 在快速打开 (⌘P (Windows, Linux Ctrl+P)) 文件列表中按下 ⌃Enter (Windows, Linux Ctrl+Enter)。

Side by Side editing

当您打开另一个文件时，活动编辑器将显示该文件的內容。如果您有两个并排的编辑器，并且您想将文件“foo.cs”打开到右侧编辑器中，请确保在打开文件“foo.cs”之前，该编辑器处于活动状态（通过单击它）。

默认情况下，编辑器会打开到活动编辑器的右侧。您可以使用 workbench.editor.openSideBySideDirection 设置更改此行为，使新编辑器打开到活动编辑器的底部。

当您打开多个编辑器时，可以通过按住 Ctrl 键（在 macOS 上为 Cmd）并按 1、2 或 3 来快速在它们之间切换。

提示：您可以调整编辑器大小并重新排列它们。拖放编辑器标题区域来重新定位或调整编辑器大小。

编辑器组

当您拆分编辑器（使用拆分编辑器或打开到侧边命令）时，将创建一个新的编辑器区域（编辑组），它可以容纳一组项目。您可以像喜欢的那样垂直和水平并排打开多个编辑器组。

您可以在资源管理器视图顶部的打开的编辑器部分中清楚地看到这些（在资源管理器视图中切换... > 打开的编辑器）。

tabs editor groups

您可以将编辑器组拖放到工作台中，在组之间移动单个标签，并快速关闭整个组（全部关闭）。

注意：无论您是否启用了标签，VS Code 都使用编辑器组。如果没有标签，编辑器组将是您打开的项目的堆栈，其中最近选择的项目在编辑器窗格中可见。

在组中拆分

您可以使用视图：在组中拆分编辑器命令 (⌘K ⇧⌘\ (Windows, Linux Ctrl+K Ctrl+Shift+\)) 拆分当前编辑器，而不会创建新的编辑器组。要了解有关此编辑器模式和在两侧之间导航的特定命令的更多信息，您可以阅读 自定义布局 文章中的部分内容。

浮动窗口

您可以使用移动到新窗口或复制到新窗口 (⌘K O (Windows, Linux Ctrl+K O)) 命令将编辑器移动到它们自己的浮动窗口中。要了解有关浮动编辑器窗口的更多信息，您可以阅读 自定义布局 文章中的部分内容。

迷你地图

迷你地图（代码大纲）提供源代码的高级概述，有助于快速导航和代码理解。 文件的迷你地图显示在编辑器的右侧。 您可以选择或拖动阴影区域以快速跳转到文件中的不同部分。

如果您在编辑器中具有折叠标记，例如//#region或MARK:注释，则迷你地图将显示折叠标记名称。

minimap

提示：您可以通过分别在用户或工作区设置中设置"editor.minimap.side": "left"或"editor.minimap.enabled": false将迷你地图移动到左侧或完全禁用它。

粘性滚动

粘性滚动在编辑器的顶部显示当前可见的嵌套范围的起始行。 它通过指示您在文件中的位置并让您快速跳回到当前范围的顶部来简化导航。

stickyScroll

提示：您可以使用"editor.stickyScroll.enabled"设置启用/禁用粘性滚动。

粘性滚动使用几种不同的内容模型来创建其标题。 可以选择大纲提供程序模型、折叠提供程序模型和缩进模型来确定在粘性滚动区域中显示哪些行。 如果当前语言不可用模型，VS Code 会回退到上面给出的顺序中的下一个模型。 最初使用的默认模型来自editor.stickyScroll.defaultModel设置。

缩进指南

编辑器显示缩进指南（垂直线），可以帮助您快速查看匹配的缩进级别。 如果您想禁用缩进指南，可以在用户或工作区设置中设置"editor.guides.indentation": false。

面包屑

编辑器在顶部有一个导航栏，也称为面包屑。 面包屑始终显示文件路径，并且如果当前文件类型对符号具有语言支持，则显示到光标位置的符号路径。 面包屑使您能够快速在文件夹、文件和符号之间导航。

Breadcrumbs

您可以使用查看>外观>切换面包屑菜单项或查看：切换面包屑命令禁用面包屑。 有关面包屑功能的更多信息，例如如何自定义其外观，请参阅面包屑部分的代码导航文章。

资源管理器视图

资源管理器视图用于浏览、打开和管理项目中的文件和文件夹。 VS Code 是基于文件和文件夹的，您可以通过在 VS Code 中打开文件或文件夹立即开始使用。

在 VS Code 中打开文件夹后，文件夹的内容将显示在资源管理器视图中。 您可以在这里做很多事情

  • 创建、删除和重命名文件和文件夹。
  • 使用拖放移动文件和文件夹。
  • 使用上下文菜单探索所有选项。

提示：您可以将文件从 VS Code 之外拖放到资源管理器视图中以复制它们。 如果资源管理器为空，VS Code 会打开文件。 您也可以将文件从 VS Code 之外复制粘贴到资源管理器视图中。 使用explorer.autoOpenDroppedFile设置，您可以配置是否自动打开文件。

VS Code 可以很好地与您可能使用的其他工具配合使用，尤其是命令行工具。 如果您想在当前在 VS Code 中打开的文件夹的上下文中运行命令行工具，请右键单击文件夹并选择在集成终端中打开。

您还可以通过右键单击文件或文件夹，然后选择 Windows 上的在文件资源管理器中显示、macOS 上的在访达中显示或 Linux 上的打开包含文件夹，导航到本地操作系统文件资源管理器中文件或文件夹的位置。

提示：键入⌘P（Windows、Linux Ctrl+P）（快速打开）以快速搜索并按名称打开文件。

默认情况下，VS Code 会排除资源管理器视图中显示的一些文件夹，例如.git。 使用files.exclude设置配置从资源管理器视图隐藏文件和文件夹的规则。

提示：您可以隐藏派生资源文件，例如 Unity 中的*.meta或 TypeScript 项目中的*.js。 为了使 Unity 排除*.cs.meta文件，要选择的模式将是："**/*.cs.meta": true。 对于 TypeScript，您可以使用以下方法排除 TypeScript 文件的生成的 JavaScript："**/*.js": {"when": "$(basename).ts"}。

多选

您可以在资源管理器视图和打开的编辑器部分中选择多个文件，以对多个项目运行操作（删除、拖放或打开到旁边）。 按住Ctrl（macOS 上为Cmd）并选择单个文件，或按住Shift选择一系列文件。 如果您选择了两个项目，您现在也可以使用上下文菜单比较所选命令快速比较两个文件。

注意：在早期版本的 VS Code 中，按住Ctrl（macOS 上为Cmd）键单击，将在新的编辑器组中打开文件以显示在旁边。 如果您仍然希望此行为，您可以使用workbench.list.multiSelectModifier设置将多选更改为使用Alt键。

"workbench.list.multiSelectModifier": "alt"

高级树导航

您可以筛选资源管理器视图中当前可见的文件。 将焦点放在资源管理器视图上，按Ctrl+Alt+F（macOS 上为Cmd+Alt+F）打开查找控件，然后键入要匹配的文件名的部分。

按筛选按钮会在两种模式之间切换：突出显示和筛选。 按DownArrow可以让您将焦点放在第一个匹配的元素上，并导航到后续的匹配元素。

此导航功能适用于 VS Code 中的所有树视图。

Filtering files in the File Explorer

大纲视图

大纲视图是资源管理器视图底部的一个独立部分。 展开时，它将显示当前活动编辑器的符号树。

Outline view

大纲视图具有不同的按模式，可选的光标跟踪，并支持通常的打开手势。 它还包括一个输入框以查找或筛选。 错误和警告也会显示在大纲视图中，让您一目了然地看到问题的所在。

对于符号，该视图依赖于为不同文件类型安装的扩展计算的信息。 例如，内置的 Markdown 支持为 Markdown 文件的符号返回 Markdown 标题层次结构。

Markdown Outline view

有几个大纲视图设置。 搜索以outline.开头的设置，以配置在大纲视图中显示哪些信息。

时间线视图

时间线视图位于文件资源管理器的底部，是用于可视化文件事件历史记录的统一视图。 例如，您可以在时间线视图中查看 Git 提交或本地文件保存。

Timeline view

时间线视图工具栏中的筛选操作使您能够在源代码管理事件和本地文件事件之间进行筛选

Timeline filter drop down with Git History unchecked and Local History checked

本地文件历史记录

根据您的设置，每次您保存编辑器时，都会在列表中添加一个新条目。 每个本地历史记录条目都包含创建条目时文件的完整内容，在某些情况下，可以提供更多语义信息（例如，指示重构）。

从一个条目，您可以

  • 比较对本地文件或先前条目的更改。
  • 还原内容。
  • 删除或重命名条目。

提示：如果您不小心删除了文件，可以通过使用时间线视图中的...>本地历史记录：查找要还原的条目操作，然后从快速选择中选择您的文件，从本地历史记录中恢复该文件。

您可以配置以下设置来使用本地历史记录

  • workbench.localHistory.enabled - 启用或禁用本地历史记录（默认：true）
  • workbench.localHistory.maxFileSize - 创建本地历史记录条目时的文件大小限制（默认：256 KB）
  • workbench.localHistory.maxFileEntries - 每个文件的本地历史记录条目限制（默认：50）
  • workbench.localHistory.exclude - 用于从本地历史记录中排除某些文件的 glob 模式
  • workbench.localHistory.mergeWindow - 在本地文件历史记录中将进一步更改添加到最后一个条目的时间间隔（以秒为单位）（默认 10 秒）

提交历史记录

VS Code 的内置 Git 支持提供了指定文件的 Git 提交历史记录。 选择提交将打开该提交引入的更改的差异视图。 右键单击提交时，您将获得复制提交 ID和复制提交消息选项。

右键单击历史记录中的提交时，您可以

  • 打开变更 - 打开文件变更的差异视图。
  • 查看提交 - 打开多文件差异视图以查看提交中所有文件的变更。
  • 选择以比较 - 选择一个条目与另一个条目进行比较。
  • 复制提交 ID - 将提交 ID 复制到剪贴板。
  • 复制提交消息 - 将提交消息复制到剪贴板。

您可以配置此设置来处理 Git 历史记录

  • git.timeline.date - 显示文件提交的提交日期或作者日期

视图

资源管理器视图只是 VS Code 中可用视图之一。还有其他视图，例如

  • 搜索 - 提供对打开文件夹的全局搜索和替换。
  • 源代码管理 - VS Code 默认包含 Git 源代码管理。
  • 运行 - VS Code 的运行和调试视图显示变量、调用堆栈和断点。
  • 扩展 - 在 VS Code 中安装和管理您的扩展。
  • 自定义视图 - 由扩展贡献的视图。

提示：您可以使用 视图：打开视图 命令打开任何视图。

views

您可以通过右键单击活动栏来显示或隐藏视图，并使用拖放操作对其进行重新排序。在资源管理器视图中，您可以通过“...”菜单显示或隐藏部分，或拖放部分以对其进行重新排序。

view management

命令面板

VS Code 也可以通过键盘进行访问。最重要的键组合是 ⇧⌘P (Windows，Linux Ctrl+Shift+P)，它会调出 命令面板。在这里，您可以访问 VS Code 中的所有功能，包括最常见操作的键盘快捷键。

Command Palette

命令面板 提供对许多命令的访问。您可以运行编辑器命令、打开文件、搜索符号并查看文件的快速概述，所有这些都使用相同的交互式窗口。这里有一些提示

  • ⌘P (Windows，Linux Ctrl+P) 使您能够通过键入文件名来导航到任何文件或符号
  • ⌃Tab (Windows，Linux Ctrl+Tab) 在最近打开的文件集中循环
  • ⇧⌘P (Windows，Linux Ctrl+Shift+P) 将您直接带到编辑器命令
  • ⇧⌘O (Windows，Linux Ctrl+Shift+O) 使您能够导航到文件中特定的符号
  • ⌃G (Windows，Linux Ctrl+G) 使您能够导航到文件中特定的行

在输入字段中键入 ? 以获取您可以从命令面板运行的可用命令列表。

Quick Open Help

配置编辑器

VS Code 为您提供了许多配置编辑器的选项。从 视图 > 外观 菜单中，您可以隐藏或切换用户界面的各个部分，例如 侧边栏、状态栏 和 活动栏。

隐藏菜单栏 (Windows，Linux)

您可以通过将 window.menuBarVisibility 设置从 classic 更改为 toggle 或 hidden 来隐藏 Windows 和 Linux 上的菜单栏。toggle 设置表示，只需按一次 Alt 键即可再次显示菜单栏。

您也可以使用 视图：切换菜单栏 命令隐藏 Windows 和 Linux 上的菜单栏。此命令将 window.menuBarVisibility 设置从 classic 更改为 compact，从而使菜单栏移到活动栏中。若要将菜单栏恢复到 classic 位置，可以再次运行 视图：切换菜单栏 命令。

设置

大多数编辑器配置都通过设置进行管理，您可以直接修改这些设置。您可以通过用户设置全局设置选项，也可以通过工作区设置按项目/文件夹设置选项。设置值存储在 settings.json 文件 中。

您可以在设置编辑器中查看和编辑设置（选择 文件 > 首选项 > 设置，或按 ⌘, (Windows，Linux Ctrl+,)）。使用 用户 和 工作区 选项卡在用户设置和工作区设置之间切换。您可以使用顶部的搜索框筛选设置。

或者，您也可以直接在 settings.json 文件中修改用户设置。使用 首选项：打开用户设置 (JSON) 命令打开 settings.json 文件。对于工作区设置，请打开工作区中 .vscode 文件夹中的 settings.json 文件。

workspace settings

注意：工作区设置会覆盖用户设置，对于在团队之间共享特定于项目设置非常有用。

禅模式

禅模式让您可以专注于代码，方法是隐藏除编辑器以外的所有 UI 元素，将 VS Code 切换到全屏模式，并将编辑器居中。可以使用 视图 > 外观 > 禅模式 菜单、命令面板 中的 视图：切换禅模式 或快捷键 ⌘K Z (Windows，Linux Ctrl+K Z) 来切换禅模式。双击 Esc 退出禅模式。可以通过 zenMode.fullScreen 禁用全屏模式的过渡。

禅模式可以使用以下设置进一步调整

  • zenMode.hideActivityBar- 隐藏活动栏。默认 true。
  • zenMode.hideStatusBar - 隐藏状态栏。默认 true。
  • zenMode.hideLineNumbers - 隐藏行号。默认 true。
  • zenMode.showTabs - 控制是否显示多个、单个或不显示编辑器选项卡。默认 multiple。
  • zenMode.fullScreen - 将工作台置于全屏显示模式。默认 true。
  • zenMode.restore - 重启时恢复禅模式。默认 true。
  • zenMode.centerLayout - 使用 居中编辑器布局。默认 true。
  • zenMode.silentNotifications - 不显示通知。默认 true。

使用请勿打扰模式减少通知

如果您感到弹出的通知过多，可以通过以下方法减少通知：所有通知或特定扩展的通知。

选择状态栏中的铃铛图标以打开通知区域。这是一个您可以随时访问所有通知的地方，即使您启用了请勿打扰模式。

Notifications center

找到带划掉的铃铛图标以访问菜单，您可以从中选择性地禁用来自扩展的通知，或启用全局请勿打扰模式以禁用所有通知。

Notifications do not disturb menu

注意

全局请勿打扰模式还会隐藏错误通知，而特定于扩展的筛选器仍允许显示错误通知。

居中编辑器布局

居中编辑器布局使您能够将编辑器区域居中对齐。当在一个大型显示器上使用单个编辑器时，此功能非常有用。您可以使用侧面边框调整视图的大小（按住 Alt 键可以独立移动两侧）。

标签

VS Code 在编辑器上方标题区域中使用选项卡（带标签的标题）显示打开的项目。当您打开文件时，会为该文件添加一个新的选项卡。选项卡让您能够快速在项目之间导航。

tabs hero

您可以拖放选项卡以对其进行重新排序。若要对多个选项卡同时执行操作，请按住 Ctrl 键（在 macOS 上为 Cmd），然后选择要操作的选项卡。若要选择一系列选项卡，请按住 Shift 键，然后选择范围中的第一个和最后一个选项卡。

当打开的项目数量多于标题区域能够显示的数量时，可以使用资源管理器视图中的 打开编辑器 部分（通过“...”按钮提供）来显示选项卡项目的下拉列表。

选项卡和编辑器区域之间还有一个滚动条，用于将编辑器拖动到视图中。您可以通过将 工作台 > 编辑器：标题滚动条大小 (workbench.editor.titleScrollbarSizing) 设置为 large 来增加滚动条的高度，使其更容易拖动。

如果您不想使用选项卡，可以通过将 workbench.editor.showTabs 设置 设置为 single 来禁用该功能。

    "workbench.editor.showTabs": "single"

请参阅下面的部分，了解如何针对 不使用选项卡的工作 优化 VS Code。

提示：在编辑器标题区域双击可快速创建新标签。

标签顺序

默认情况下，新标签会添加到现有标签的右侧。您可以使用workbench.editor.openPositioning 设置来控制新标签的显示位置。

例如，您可能希望新标签项显示在左侧。

    "workbench.editor.openPositioning": "left"

您可以通过拖放来重新排序标签。

如果您希望编辑器标签始终可见，可以将其固定到编辑器标签栏。有关固定标签的更多信息，请参阅自定义布局文章。

环绕标签

要查看更多编辑器标签，您可以使用环绕标签布局，其中编辑器标签会环绕以填充编辑区域上方的多行。使用工作台 > 编辑器：环绕标签(workbench.editor.wrapTabs) 设置启用环绕标签。

Wrapped editor tabs filling two rows about the editor region

自定义标签

当您同时打开多个具有相同名称的文件时，可能难以区分不同的标签。为了帮助解决这个问题，您可以对标签应用自定义显示标签。您可以选择要对哪些工作区文件应用自定义标签。

要为标签启用自定义显示标签，请设置workbench.editor.customLabels.enabled 设置。

    "workbench.editor.customLabels.enabled": true

您可以使用workbench.editor.customLabels.patterns 设置为标签显示标签指定一个或多个命名模式。命名模式包含两个组件。

  • 项目 - 一个glob 模式，用于匹配要对其应用自定义标签的文件路径。例如，**/static/**/*.html。
  • 值 - 自定义标签的模板。模板可以使用变量，例如 ${filename}、${extname}、${extname(N)}、${dirname} 和 ${dirname(N)}，这些变量会动态替换为文件路径中的值。

以下示例使用 orders/index 的标签标签显示 /src/orders/index.html 文件。

    "workbench.editor.customLabels.patterns": {
        "**/src/**/index.html": "${dirname}/${filename}"
    }

Screenshot of Setting editor to enable and specify custom labels for tabs

以下示例使用 ${extname} 变量表示文件 tests/editor.test.ts

  • ${filename} => editor
  • ${extname} => test.ts
  • ${extname(0)} => ts
  • ${extname(1)} => test
  • ${extname(-1)} => test
  • ${extname(-2)} => ts

注意：自定义标签标签也会应用于打开的编辑器视图以及快速打开 (⌘P (Windows，Linux Ctrl+P)).

预览模式

当您在资源管理器视图中单击或选择文件时，它将以预览模式显示并重用现有标签。这对于快速浏览文件并且不想让每个访问的文件都有自己的标签很有用。当您开始编辑文件或使用双击从资源管理器打开文件时，将为该文件分配一个新标签。

预览模式由标签标题中的斜体表示。

preview mode

如果您希望不使用预览模式并始终创建新标签，可以使用以下设置控制行为。

  • workbench.editor.enablePreview - 全局启用或禁用预览编辑器。
  • workbench.editor.enablePreviewFromQuickOpen - 启用或禁用从快速打开打开的预览编辑器。

网格编辑器布局

默认情况下，编辑器组以垂直列布局。例如，当您拆分编辑器时，它会将编辑器打开到侧面。您可以根据自己的喜好以垂直和水平方式排列编辑器组。

Grid Editor Layout

为了支持灵活的布局，您可以创建空编辑器组。默认情况下，关闭编辑器组的最后一个编辑器也会关闭该组本身，但您可以使用新的设置 workbench.editor.closeEmptyGroups: false 更改此行为。

Grid Empty

在视图 > 编辑器布局菜单中有一组预定义的编辑器布局。

Grid Editor Layout Menu

默认情况下，打开到侧面的编辑器（例如，通过选择编辑器工具栏的拆分编辑器操作）会在活动编辑器的右侧打开。如果您希望在活动编辑器下方打开编辑器，请配置新的设置 workbench.editor.openSideBySideDirection: down。

有许多使用键盘调整编辑器布局的键盘命令。如果您更喜欢使用鼠标，可以使用拖放将编辑器拆分成任何方向。

Grid Editor Drag and Drop

专业技巧：如果您在将鼠标悬停在拆分编辑器的工具栏操作上时按住Alt 键，它会提供以其他方向拆分的选项。这是快速拆分到右侧或底部的快捷方式。

Grid Alt Click

键盘快捷键

以下是一些方便的键盘快捷键，可以快速在编辑器和编辑器组之间导航。

  • ⌥⌘→ (Windows，Linux Ctrl+PageDown) - 转到右侧编辑器。
  • ⌥⌘← (Windows，Linux Ctrl+PageUp) - 转到左侧编辑器。
  • ⌃Tab (Windows，Linux Ctrl+Tab) - 在编辑器组的最近使用列表中打开上一个编辑器。
  • ⌘1 (Windows，Linux Ctrl+1) - 转到最左侧的编辑器组。
  • ⌘2 (Windows，Linux Ctrl+2) - 转到中间的编辑器组。
  • ⌘3 (Windows，Linux Ctrl+3) - 转到最右侧的编辑器组。
  • ⌘W (Windows Ctrl+F4，Linux Ctrl+W) - 关闭活动编辑器。
  • ⌘K W (Windows，Linux Ctrl+K W) - 关闭编辑器组中的所有编辑器。
  • ⌘K ⌘W (Windows，Linux Ctrl+K Ctrl+W) - 关闭所有编辑器。

如果您要修改默认键盘快捷键，请参阅键绑定以获取详细信息。

无需标签工作

如果您希望不使用标签（带标签的标题），可以通过将workbench.editor.showTabs 设置为 single 或 none 来完全禁用标签。

禁用预览模式

在没有标签的情况下，资源管理器视图的打开的编辑器部分是进行文件导航的快捷方式。但是，在启用预览编辑器模式后，文件不会添加到打开的编辑器部分。您可以通过workbench.editor.enablePreview 和workbench.editor.enablePreviewFromQuickOpen 设置禁用此功能。

使用键盘快捷键导航编辑器历史记录

您可以更改Ctrl+Tab 的键绑定，以显示所有打开的编辑器列表（来自历史记录），与活动编辑器组无关。

编辑您的键绑定并添加以下内容。

{ "key": "ctrl+tab", "command": "workbench.action.openPreviousEditorFromHistory" },
{ "key": "ctrl+tab", "command": "workbench.action.quickOpenNavigateNext", "when": "inQuickOpen" },

关闭整个组而不是单个编辑器

如果您喜欢 VS Code 在关闭一个编辑器时关闭整个组的行为，则可以在您的键绑定中绑定以下内容。

macOS

{ "key": "cmd+w", "command": "workbench.action.closeEditorsInGroup" }

Windows/Linux

{ "key": "ctrl+w", "command": "workbench.action.closeEditorsInGroup" }

窗口管理

VS Code 提供多种选项来控制 VS Code 窗口（实例）应如何在会话之间打开或恢复。

设置window.openFoldersInNewWindow 和window.openFilesInNewWindow 用于配置打开新窗口或为文件或文件夹重用最后一个活动窗口，可能的取值有 default、on 和 off。

如果配置为 default，VS Code 会根据打开请求的来源上下文决定重用或打开新窗口。将其翻转为 on 或 off 以始终保持相同的行为。例如，如果您认为从文件菜单中选择文件或文件夹应该始终在新窗口中打开，请将其设置为 on。

注意：在某些情况下，此设置会被忽略，例如，当您使用 -new-window 或 -reuse-window 命令行选项时。

该window.restoreWindows 设置告知 VS Code 如何恢复您之前会话中打开的窗口。默认情况下，VS Code 会恢复您在上一个会话期间工作的所有窗口（设置：all）。将此设置更改为 none 以永远不重新打开任何窗口，并始终从空的 VS Code 实例开始。将其更改为 one 以重新打开您工作的最后一个打开的窗口，或更改为 folders 以仅恢复已打开文件夹的窗口。

后续步骤

现在您已经了解了 VS Code 的整体布局，请查看以下文章，开始根据自己的工作方式自定义编辑器。

  • 更改主题 - 根据您的偏好设置颜色和/或文件图标主题。
  • 使用自定义布局 - 了解有关 VS Code 工作台和编辑器布局自定义的更多信息。

常见问题

如何更改缩进指南的颜色？

缩进指南颜色是可自定义的，就像大多数 VS Code 用户界面元素一样。要自定义活动颜色主题的缩进指南颜色，请使用workbench.colorCustomizations 设置 并修改 editorIndentGuide.background 值。

例如，要使缩进指南显示亮蓝色，请将以下内容添加到您的 settings.json 中

"workbench.colorCustomizations": {
    "editorIndentGuide.background": "#0000ff"
}

我可以在资源管理器视图中隐藏“打开的编辑器”部分吗？

是的，您可以使用资源管理器的视图菜单显示或隐藏“打开的编辑器”部分，并切换 **打开的编辑器** 菜单项。

Explorer menu to enable or disable views in the Explorer

10/29/2024