现已发布!阅读关于 12 月份的新功能和修复。

用户界面

Visual Studio Code 的核心是一个代码编辑器。与其他许多代码编辑器一样,VS Code 采用了常见的用户界面和布局:左侧是资源管理器,显示您有权访问的所有文件和文件夹;右侧是编辑器,显示您打开的文件的内容。

基本布局

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

  • 编辑器 - 编辑文件的主要区域。您可以根据需要打开任意数量的编辑器,并排垂直或水平排列。
  • 主侧边栏 - 包含资源管理器等不同视图,以协助您处理项目。
  • 辅助侧边栏 - 位于主侧边栏的对面。默认情况下,包含“聊天”视图。您可以将主侧边栏中的视图拖放到辅助侧边栏中来移动它们。
  • 状态栏 - 显示有关打开的项目和编辑文件的信息。
  • 活动栏 - 位于最左侧。允许您在视图之间切换,并提供其他上下文相关的指示器,例如在启用 Git 时未提交的更改数量。您可以更改活动栏的位置。
  • 面板 - 编辑器区域下方的一个额外空间,用于放置视图。默认情况下,它包含输出、调试信息、错误和警告以及集成终端。面板还可以移动到左侧或右侧以获得更多垂直空间。

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

每次启动 VS Code 时,它都会恢复到上次关闭时的状态。文件夹、布局和已打开的文件都会被保留。

每个编辑器中的打开文件都显示在编辑器区域顶部的选项卡式标题(选项卡)中。有关选项卡式标题的更多信息,请参阅选项卡部分。

提示

您可以通过右键单击活动栏并选择将主侧边栏移至右侧来将主侧边栏移到右侧,或者通过(Windows、Linux Ctrl+B⌘B 来切换其可见性。

了解有关使用主侧边栏和辅助侧边栏的更多信息。

并排编辑

您可以根据需要打开任意数量的编辑器,并排垂直或水平排列。如果您已经有一个打开的编辑器,有多种方法可以在侧边打开另一个编辑器:

  • 在资源管理器视图中按住Alt键并选择一个文件。
  • ⌘\(Windows、Linux Ctrl+\)拆分活动编辑器为两个。
  • 从资源管理器视图中文件的右键菜单中选择在新侧边栏中打开(Windows、Linux Ctrl+Enter⌃Enter
  • 选择编辑器右上角的拆分编辑器按钮。
  • 将文件拖放到编辑器区域的任何一侧。按住Ctrl键(macOS 上为Option键)拖动时,会复制选项卡而不是移动它。
  • 快速打开(Windows、Linux Ctrl+P⌘P的文件列表中,按⌃Enter(Windows、Linux Ctrl+Enter)。

Side by Side editing

当您打开另一个文件时,活动编辑器将显示该文件的内容。如果您有两个编辑器并排显示,并且希望将文件 'foo.cs' 打开到右侧的编辑器中,请确保在打开文件 'foo.cs' 之前,该编辑器是活动的(通过单击其内部)。

默认情况下,新编辑器会打开到活动编辑器的一侧。您可以通过workbench.editor.openSideBySideDirection设置来更改此行为,使其在新编辑器打开到底部而不是右侧。

当您打开多个编辑器时,可以通过按住Ctrl键(macOS 上为Cmd键)并按下123来快速切换它们。

提示

您可以调整编辑器的大小并重新排序。拖放编辑器标题区域即可重新定位或调整编辑器大小。

编辑器组

当您拆分编辑器(使用拆分编辑器在新侧边栏中打开命令)时,会创建一个新的编辑器区域(编辑器组),其中可以容纳一组项目。您可以根据需要打开任意数量的编辑器组,并排垂直或水平排列。

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

tabs editor groups

您可以将编辑器组拖放到工作区,在组之间移动单个选项卡,并快速关闭整个组(全部关闭)。

注意

VS Code 会使用编辑器组,无论您是否启用了选项卡。在没有选项卡的情况下,编辑器组是您打开的项目堆栈,其中最近选择的项目在编辑器窗格中可见。

组内拆分

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

浮动窗口

您可以将编辑器、终端或特定视图移至自己的浮动窗口。如果您有多个显示器设置,并且想在其他显示器上保持一个文件打开,这会很有用。

Screenshot that shows the OS desktop with VS Code window and a CSV file opened in a floating window.

将编辑器选项卡拖出当前 VS Code 窗口即可将其在新窗口中打开。或者,使用编辑器选项卡中的移至新窗口复制到新窗口上下文选项。

要将浮动窗口固定到屏幕顶部,请从其标题栏中选择始终置顶选项(图钉图标)。

有关浮动窗口的更多信息,请阅读自定义布局文章中的相关部分。

迷你地图

最小地图(代码大纲)提供对源代码的高级概览,有助于快速导航和代码理解。文件的最小地图显示在编辑器的右侧。您可以选择或拖动阴影区域来快速跳转到文件中的不同部分。

如果在编辑器中有折叠标记,例如 //#region 注释,则最小地图会显示折叠标记的名称。折叠标记是特定于语言的,因此请检查适用于您的语言的标记。

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 上“在 Finder 中显示”,或在 Linux 上“打开包含的文件夹”来在原生操作系统文件资源管理器中导航到文件或文件夹的位置。

提示

键入⌘P(Windows、Linux Ctrl+P)(快速打开)以按名称快速搜索和打开文件。

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

提示

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

多选

您可以在资源管理器视图和打开的编辑器部分中选择多个文件,以对多个项目执行操作(删除、拖放或在新侧边栏中打开)。按住Ctrl键(macOS 上为Cmd键)选择单个文件,或按住Shift键选择一个范围的文件。如果您选择两个项目,现在还可以使用上下文菜单中的比较选定项命令来快速 diff 两个文件。

注意

在早期版本的 VS Code 中,按住Ctrl键(macOS 上为Cmd键)单击会将在新的编辑器组中打开文件。如果您仍希望保留此行为,可以使用workbench.list.multiSelectModifier设置将多选更改为使用Alt键。

"workbench.list.multiSelectModifier": "alt"

高级树导航

您可以筛选资源管理器视图中的文件和文件夹。将焦点放在资源管理器视图上,按⌥⌘F(Windows、Linux Ctrl+Alt+F)打开查找控件,然后键入要匹配的文件或文件夹名称的一部分。此导航功能适用于 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

本地文件历史记录

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

从条目中,您可以:

  • 将更改与本地文件或上一个条目进行比较。
  • 恢复内容。
  • 删除或重命名条目。
提示

如果您意外删除了一个文件,可以通过时间线视图中的... > 本地历史记录:查找要恢复的条目操作来从本地历史记录中恢复它,然后从快速选择器中选择您的文件。

您可以配置以下设置以处理本地历史记录:

提交历史

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

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

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

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

视图

资源管理器视图只是 VS Code 中可用的视图之一。还有以下视图:

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

您可以使用视图:打开视图命令打开任何视图。

views

您可以通过右键单击活动栏来显示或隐藏视图,并通过拖放来重新排序它们。在资源管理器视图中,您可以通过“...”菜单显示或隐藏部分,或通过拖放来重新排序它们。

命令面板

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

提示

您可以通过用鼠标光标抓住命令面板的上边缘并将其拖到其他地方来移动它。您还可以选择标题栏中的自定义布局控件,然后选择一个预配置的快速输入位置

Screenshot that shows the Command Palette in a different location, highlighting the Customize Layout control in the title bar and the preconfigured position options.

配置编辑器

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

隐藏菜单栏(Windows、Linux)

您可以通过将 window.menuBarVisibility 设置从 classic 更改为 togglehidden 来隐藏 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 禁用切换到全屏。

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

通过“请勿打扰模式”减少通知

如果您被弹出的通知淹没,有一种方法可以减少通知,无论是所有通知,还是来自特定扩展的通知。

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

Notifications center

找到带斜杠的铃铛图标以访问菜单,您可以在其中选择性地禁用扩展的通知或启用全局“请勿打扰模式”以禁用所有通知。

Notifications do not disturb menu

注意

全局“请勿打扰模式”还会隐藏错误通知,而特定于扩展的过滤器仍然允许错误通知显示。

居中编辑器布局

居中编辑器布局允许您居中对齐编辑器区域。当在大型显示器上处理单个编辑器时,这很有用。您可以使用侧边框来调整视图的大小(按住 Alt 键可独立移动两侧)。

选项卡

VS Code 在编辑器上方的标题区域中显示具有选项卡(选项卡式标题)的打开项。当您打开一个文件时,会为该文件添加一个新的选项卡。选项卡使您可以快速在项目之间导航。

tabs hero

您可以拖放选项卡来重新排序它们。要一次对多个选项卡执行操作,请按住Ctrl键(macOS 上为Cmd键)并选择要操作的选项卡。要选择一个选项卡范围,请按住Shift键并选择范围内的第一个和最后一个选项卡。

当您打开的项目多于标题区域所能容纳的数量时,可以使用资源管理器视图中的打开的编辑器部分(通过 ... 按钮可用)来显示选项卡式项目的下拉列表。

选项卡和编辑器区域之间还有一个滚动条,用于将编辑器拖入视图。您可以增加滚动条的高度,以便更容易拖动,方法是将工作区 > 编辑器:标题滚动条大小workbench.editor.titleScrollbarSizing)设置为 large。使用 workbench.editor.titleScrollbarVisibility 设置来控制滚动条的可见性。

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

    "workbench.editor.showTabs": "single"

请参阅下面的部分,以优化 VS Code 以便 在没有选项卡的情况下工作

提示

在编辑器标题区域双击可快速创建新选项卡。

选项卡排序

默认情况下,新选项卡会添加到现有选项卡的右侧。您可以使用 workbench.editor.openPositioning 设置来控制新选项卡出现的位置。

例如,您可能希望新选项卡项出现在左侧。

    "workbench.editor.openPositioning": "left"

您可以通过拖放来重新排序选项卡。

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

使用 workbench.editor.showTabIndex 设置,可以在选项卡标题中显示每个选项卡的索引。这样可以轻松了解使用 Ctrl (macOS 上为 Cmd) + 数字键盘快捷键切换到特定选项卡时需要使用的数字。

预览模式

当您在“资源管理器”视图中单击或选择文件时,它会在预览模式下显示,并重用现有选项卡(预览选项卡)。如果您正在快速浏览文件,并且不希望每个访问过的文件都有自己的选项卡,这会很有用。当您开始编辑文件或使用双击从“资源管理器”中打开文件时,会为该文件分配一个新选项卡。

预览模式在选项卡标题中用斜体表示。

preview mode

如果您不希望使用预览模式并始终创建新选项卡,可以使用以下设置来控制此行为:

换行选项卡

要显示更多编辑器选项卡,可以使用 **换行选项卡** 布局,其中编辑器选项卡换行以填充编辑器区域上方的多行。使用 **Workbench > Editor: Wrap Tabs**(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)},这些变量会动态替换为文件路径中的值。

以下示例将 /src/orders/index.html 文件显示为带有 orders/index 的选项卡标签。

    "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))。

网格编辑器布局

默认情况下,编辑器组以垂直列的形式排列。例如,当您拆分编辑器时,它会在旁边打开编辑器。您可以将编辑器组排列成任何您喜欢的布局,无论是垂直还是水平。

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

Grid Empty

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

Grid Editor Layout Menu

默认情况下,打开到侧边的编辑器(例如,通过选择编辑器工具栏的 **拆分编辑器** 操作)会在活动编辑器的右侧打开。如果您希望在活动编辑器下方打开编辑器,请将 workbench.editor.openSideBySideDirection 设置为 down

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

提示

如果您按住 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 设置为 singlenone 来完全禁用选项卡。

禁用预览模式

在没有选项卡的情况下,“资源管理器”视图中的 **打开的编辑器** 部分是进行文件导航的快捷方式。但是,当启用 预览编辑器模式 时,文件不会添加到“打开的编辑器”部分。您可以通过 workbench.editor.enablePreviewworkbench.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.openFoldersInNewWindowwindow.openFilesInNewWindow 设置,用于配置打开新窗口或重用最后一个活动窗口来打开文件或文件夹,可能的值为 defaultonoff

如果设置为 default,VS Code 会根据请求的上下文决定是重用还是打开新窗口。将其切换为 onoff 以始终表现一致。例如,如果您认为从 **文件** 菜单中选择文件或文件夹应该始终在新窗口中打开,请将其设置为 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

© . This site is unofficial and not affiliated with Microsoft.