在 VS Code 中试试

2021 年 7 月(版本 1.59)

更新 1.59.1:此更新解决了这些问题

此版本还解决了CVE-2021-26437

下载:Windows:x64 Arm64 | Mac:通用 Intel Apple Silicon | Linux:deb rpm tarball Arm snap


欢迎使用 Visual Studio Code 2021 年 7 月版。此版本包含许多我们希望您会喜欢的更新,其中一些主要亮点包括:

如果您想在线阅读这些发行说明,请访问 code.visualstudio.com 上的更新

在 8 月 10 日星期二太平洋时间上午 8 点(伦敦时间下午 4 点)参加 VS Code 团队的直播,观看此版本中的新功能演示,并向我们提问。

Insiders:想尽快试用新功能吗?您可以下载每夜版 Insiders 构建版本,并在最新更新可用时立即试用。

工作台

扩展

调整大小后改进的扩展视图。在下面的短视频中,默认宽度的扩展视图显示所有详细信息(以前未显示图标、评分和安装计数)。当视图缩小时,显示一个较小的扩展图标,当其宽度进一步缩小时,图标和评分将被隐藏。

Dynamic Extensions view

主题:GitHub Light Theme

扩展视图现在显示扩展的自定义悬停提示。此丰富的悬停提示包括扩展的完整描述以及其他有用信息,例如为什么扩展被禁用或推荐。

Custom Extension hover

主题:GitHub Light Theme

您现在可以在扩展窗格的新运行时状态选项卡中检查扩展的运行时状态。状态信息包括其激活时间、是否在启动时激活以及是否有任何警告或错误。其中一些信息显示在“扩展”视图及其悬停提示中(如上图所示)。

Extension Runtime Status

主题:GitHub Light Theme

扩展窗格的“详细信息”选项卡现在显示类别、资源链接以及其他信息,例如扩展发布和更新日期。选择一个类别将在“扩展”视图中显示该类别中的其他扩展。

Extension Details

主题:GitHub Light Theme

设置编辑器

设置编辑器现在支持对象验证。该验证检查直接编辑 JSON 文件时可能引入的类型错误。

Object setting showing validation errors

数组设置现在在非编辑模式下支持拖放。此外,带有 uniqueItems 属性设置为 true 的枚举数组设置现在只显示剩余选项,而不是下拉列表中的所有选项。

Drag and drop for array settings

设置编辑器现在还支持多行字符串设置,其中值在多行文本区域而不是单行输入框中呈现。

An example of a multiline string setting

扩展主题自定义语法

下面列出的颜色自定义设置允许用户自定义当前主题的颜色。

  • workbench.colorCustomizations
  • editor.tokenColorCustomizations
  • editor.semanticTokenColorCustomizations

有新的语法可以一次自定义多个主题。

    "workbench.colorCustomizations": {
        "[Abyss][Red]": {
            "activityBar.background": "#ff0000"
        },
        "[Monokai*]": {
            "activityBar.background": "#ff0000"
        }
    },

可以列出多个主题,并且可以在名称的开头和结尾使用 * 通配符。

支持 Jupyter 笔记本

本月,我们将处理读取 *.ipynb 文件的代码从 Jupyter Notebook 扩展移到了一个新的内置扩展中。这意味着您现在可以在全新安装的 VS Code 中打开 Jupyter 笔记本,而无需安装完整的 Jupyter 扩展。但是,如果您想执行单元格或查看使用 ipywidgets 或其他复杂渲染器类型的输出,则必须安装 Jupyter 扩展。

笔记本布局改进

本次迭代我们对笔记本布局进行了一些改进。

  • 单元格折叠时,现在会渲染单元格输入的第一行。
  • 当窗口宽度不足以渲染所有主要操作时,笔记本编辑器工具栏上的操作将被移入溢出菜单 (...)。
  • notebook.undoRedoPerCell 的默认值现在更改为 true

notebook layout improvements

我们还更新了代码单元格的默认样式,现在显示背景色以帮助区分单元格。主题可以使用 notebook.cellEditorBackground 自定义此颜色。

Example of updated notebook code cells

最后,您现在可以使用设置 notebook.globalToolbarShowLabel 切换笔记本工具栏上的文本标签。

Example of notebook toolbar text

配置“复制相对路径”的路径分隔符

新设置 explorer.copyRelativePathSeparator 允许您在调用复制相对路径操作时显式设置路径分隔符。

可用的分隔符选项有:

  • auto(默认)- 使用操作系统特定的路径分隔符。
  • / - 使用斜杠作为路径分隔符。
  • \\ - 使用反斜杠作为路径分隔符。

跨编辑器组共享视图状态

添加了一个新设置 workbench.editor.sharedViewState,用于配置编辑器视图状态(例如,编辑器中的滚动位置)如何在编辑器组之间共享。

默认情况下,此设置已禁用,以保留当前行为。如果您将编辑器打开到侧面,然后关闭该编辑器组,然后再将编辑器再次打开到侧面,则不会恢复任何视图状态,因为您正在打开一个新的编辑器组。但是,当您启用此设置时,最新的编辑器视图状态将在所有编辑器组之间保留并使用,除非为编辑器组找到了更具体的视图状态。

下方,在重新打开 package.json 文件到侧面时,选择状态得以保留。

Shared editor group view state

编辑器

在折叠区域之间导航

有新命令可将光标位置设置为相应的折叠。

  • 转到下一个折叠 (editor.gotoNextFold)
  • 转到上一个折叠 (editor.gotoPreviousFold)
  • 转到父折叠 (editor.gotoParentFold)

这些命令目前没有默认键盘快捷键,但您可以通过首选项:打开键盘快捷方式⌘K ⌘S (Windows, Linux Ctrl+K Ctrl+S))添加自己的键盘快捷键。

自动折叠导入

使用设置 editor.foldingImportsByDefault 可以自动折叠导入语句。文件打开一次后,折叠状态将存储。此功能适用于 TypeScript、JavaScript、Java、C#、C++,以及所有具有折叠范围提供程序并用 FoldingRangeKind.Imports 注释导入语句的语言。

从选中内容设置搜索字符串

“查找”控件设置 editor.find.seedSearchStringFromSelection 已扩展,以支持仅从非空选中内容设置搜索字符串。默认情况下,当“查找”控件显示时,编辑器将使用选中内容或空选中内容周围的单词作为搜索关键字。

内联建议改进

我们更改了内联建议的渲染方式。这不仅修复了许多错误,还使自动换行能识别内联建议。

此外,现在支持非尾部位置的多行内联建议。

内联提示改进

我们还更改了内联提示的渲染方式。通过使用与内联建议相同的机制,现在在自动换行时也考虑内联提示。此机制还允许在内联提示周围设置单独的光标停止点。

终端

跨窗口拖放终端

将终端从一个窗口的标签列表或编辑器区域拖放到另一个窗口的标签列表、编辑器区域或面板中。

Drag and drop terminal across windows

子进程跟踪和关闭警告

现有的 terminal.integrated.confirmOnExit 和新的 terminal.integrated.confirmOnKill 设置使用子进程跟踪来显示警告,当尝试关闭一个在 shell 进程下有子进程的终端时。默认情况下,此跟踪仅影响编辑器区域中的终端,但现在可以配置为显示所有终端或面板区域中终端的警告。

设置贡献的终端配置文件为默认值

现在可以将扩展贡献的终端配置文件设置为默认配置文件。默认终端配置文件在终端下拉列表中由默认后缀指示。

The terminal profile dropdown displays indicates the extension terminal profile is set as the default

下划线和删除线支持

集成终端现在支持下划线和删除线属性。例如,Git 可以配置为使用这些新属性。

Git output in terminal with underline and strikethrough text

主题:蓝宝石主题

上述示例在 .gitconfig 中使用以下设置

[color "status"]
  added = green bold
  changed = red bold strike
  untracked = cyan
  branch = yellow black bold ul

在编辑器区域侧边创建终端

有一个新命令 workbench.action.createTerminalEditorSide,用于在编辑器区域中活动编辑器的侧边创建终端。

活动终端标签指示器

主题现在可以使用主题键 terminal.tab.activeBorder 设置垂直线的颜色,以指示活动终端选项卡。

Highlighted active terminal

如果未设置 terminal.tab.activeBorder,颜色将回退到 tab.activeBorder

禁用终端标签图标动画

新设置 terminal.integrated.tabs.enableAnimation 将禁用终端标签图标的动画。对于任务,使用播放按钮,而不是旋转动画。

Terminal tab without animation and play button displayed

调试

改进了编辑器标题中的“运行/调试”按钮

在 2 月发布中,我们引入了一个下拉按钮,用于将“运行”和“调试”命令分组到编辑器标题区域的中心(和紧凑)位置(请参阅 1.54 版发行说明)。根据用户反馈,我们尝试通过记住上次执行的操作来改进下拉按钮。下拉按钮现在有两个点击区域,一个用于默认操作(左侧),另一个用于下拉(右侧),选择后将运行该操作并将其记住为新的默认操作。

Debug/run split button shown for Java

下拉行为

  • 如果只有一个“运行”或“调试”操作,则省略下拉菜单。
  • 如果有一个以上的“运行”或“调试”操作,所有操作都将显示在下拉菜单中,并且默认操作将设置为下拉菜单中的第一个操作(只要没有记住的操作)。
  • 默认操作在 VS Code 重启后为特定工作区保留;它不会按编辑器保留。

对扩展的贡献

实时预览

上个月发布的 Live Preview 扩展有一些令人兴奋的新功能。这些功能包括:

  • 与内置 JavaScript 调试器兼容,用于外部预览。
    • 运行 Live Preview: Show Debug Preview 即可尝试!
  • 嵌入式浏览器改进,例如“页面内查找”支持和快速访问 webvivew DevTools。
  • 自动生成文件的文件系统监视。
  • 还有更多!🎉

要查看本月进展的更多详细信息,请参阅扩展的发行说明

Live Preview Debugging

Live Preview new browser features

主题:GitHub Dark Theme

GitHub 拉取请求和问题

GitHub Pull Requests and Issues 扩展的工作仍在继续,该扩展允许您处理、创建和管理拉取请求和问题。本月的亮点之一是“开始处理”问题功能已扩展,允许您处理当前存储库之外的问题。

要了解所有新功能和更新,您可以查看该扩展 0.29.0 版本的完整更改日志

Jupyter

Jupyter 扩展的工作仍在继续。要了解所有新功能和更新,您可以阅读该扩展 7 月份版本的完整更改日志

如果您想了解有关 VS Code 实现对笔记本原生支持的更多信息,可以阅读最近的博客文章笔记本的成熟

交互式窗口

Jupyter 交互式窗口提供了一种替代方式来构建和使用 Jupyter 笔记本,它使用文本文件而不是笔记本界面。上个月,我们预览了 Jupyter 交互式窗口的升级版本,它具有更深层的工作台集成,包括对主题、自定义键绑定、片段、与扩展的兼容性等方面的支持。非常感谢我们的用户通过 GitHub 问题提供了有关预览体验的反馈。内置的交互式窗口现在是 1.59 中的默认界面。以前的界面将继续通过设置 "jupyter.enableNativeInteractiveWindow": false 提供,并将在即将发布的版本中移除。我们期待您的反馈

Shift+Enter to run code in the Interactive window

按行运行

我们一直在努力支持 Jupyter 笔记本中的“按行运行”功能。此功能本质上是一个简化的调试模式,可让您逐行执行单元格代码,而无需复杂的调试 UI。这仍然是实验性的,但您可以通过设置 "jupyter.experimental.debugging": true,在您选择的内核中安装 ipykernel 版本 6,然后选择单元格工具栏中的按行运行按钮来尝试此功能。

Run by line

Python

Python 扩展中,我们改进了 Python 解释器列表的排序。过去,虚拟环境会显示在列表底部,导致大量滚动和/或搜索。现在,项目根目录下的虚拟环境首先显示,其次是全局安装的环境。

List of Python interpreters

Dev Containers devcontainer CLI

用于在 VS Code 中使用 Docker 容器的 Dev Containers 扩展现在包含一个 devcontainer 命令行界面,允许您在开发容器中打开文件夹 (devcontainer open) 或构建开发容器映像 (devcontainer build)。

您可以在远程开发发行说明中了解新的远程开发扩展功能和错误修复。

预览功能

未命名文件的自动语言检测

我们很高兴地宣布未命名文件自动语言检测的初步预览版,该功能使用机器学习来检测您正在编写的语言,并自动设置未命名文件的语言模式。此功能使用开源 ML 库 Tensorflow.js 和 GitHub 用户 @yoeoGuesslang 中的 ML 模型。

在此版本中,此功能将默认关闭,但我们计划在下一个迭代中将其设为默认。要启用它,请应用以下设置:

"workbench.editor.untitled.experimentalLanguageDetection": true

要查看该功能运行情况,请打开一个未命名文件(文件 > 新建文件)并将源代码粘贴到编辑器中。

以下是 Python 代码自动检测的示例:

paste a code snippet right into VS Code and it will detect the language

主题:熊猫主题

此外,您可以通过打开语言选择器来查看正在检测的语言。

the language picker also shows the detected languages if there are any

主题:熊猫主题

注意:如果语言检测不够自信,那么您将停留在当前的语言模式中,并且在语言检测获得更多自信之前,语言选择器中不会显示任何结果。

该设置还允许您提供语言覆盖,以指定您不希望自动切换走的语言模式。

以下是不自动检测 Markdown 文件的示例:

"workbench.editor.untitled.experimentalLanguageDetection": true
"[markdown]": { "workbench.editor.untitled.experimentalLanguageDetection": false }

使用上述设置,当您编辑未命名的 Markdown 文件时,自动语言检测将不会运行。但是,如果您修改任何其他类型的未命名文件,自动语言检测将根据这些文件的内容运行。

我们已将与 ML 模型交互的代码分离到其自己的库中,并以 npm 包的形式发布在 vscode-languagedetection 存储库中。

请告诉我们未命名文件的自动语言检测对您有何帮助!

TypeScript 4.4

此版本包括对即将发布的 TypeScript 4.4 版本的支持。您可以在 TypeScript 博客上阅读有关 TypeScript 4.4 中新语言功能和改进的更多信息。一些工具亮点:

  • JavaScript 和 TypeScript 文件中参数名称和类型的内联提示。
  • 纯 JavaScript 文件中的基本拼写建议。这些建议仅在 TypeScript 语言服务对错误和修复有足够信心时显示。

要开始使用 TypeScript 4.4 每夜构建版本,请安装 TypeScript Nightly 扩展。

请分享您的反馈,并告诉我们您在使用 TypeScript 4.4 时是否遇到任何错误。

反汇编视图

得益于 Microsoft C++ 团队的大量贡献,我们很高兴在此里程碑中包含调试反汇编视图的预览版。

反汇编视图可以从编辑器的上下文菜单打开,以显示活动堆栈帧的反汇编源代码,并且支持逐条汇编指令执行和在单独指令上设置断点。

反汇编视图仅在活动调试会话中以及底层调试扩展支持时可用。目前,只有 Microsoft C++Mock Debug 扩展可以提供反汇编视图。

Disassembly view in Mock Debug extension

从技术角度来看,VS Code 的反汇编视图实现现在支持调试适配器协议的另外四个功能:

  • 用于提供内存位置反汇编源代码的 disassembly 请求。
  • 堆栈帧上的 instructionPointerReference 属性。
  • 步进请求上的 granularity 属性。
  • 指令断点和 setInstructionBreakpoints 请求。

扩展创作

测试 API

去年秋天,我们开始为 VS Code 添加运行测试的原生支持,本月第一组与测试相关的 API 已最终确定。这些 API 比以前扩展中提供的 API 提供了更大的灵活性、更好的性能和更丰富的用户体验。请查看编写测试扩展指南以深入了解。

Image showing the test explorer and rich diff view experience

主题:codesong

Test Explorer UI 扩展的现有用户可以通过将 testExplorer.useNativeTesting 设置为 true 来获得原生体验。但是,转换是 Test Explorer UI 扩展现有 API 的反映,因此不包括富差异支持等某些功能。

最早采用测试 API 的扩展之一是包含在 Extension Pack for Java 中的 Microsoft Test Runner for Java

Java extension using the native test API in VS Code

“新建文件”菜单的贡献点

提供创建新文件编辑器(例如笔记本或自定义编辑器)方式的扩展现在可以将命令贡献给新的 file/newFile 菜单贡献点。此菜单可以从欢迎页面或“文件”菜单中的新建文件...项访问。

New File menu in use via Welcome page

丰富的状态栏悬停提示

现在,状态栏项目 StatusBarItem.tooltip: string | IMarkdownString 支持包含链接和图标的富悬停提示。

Rich Status bar hover

  • 如果 MarkdownString.supportThemeIcons 为 true,您可以使用 $(iconName) 语法中的图标。
  • 如果 MarkdownString 受信任,您还可以添加命令链接。语法:([test](command:vscode.newWindow))

状态栏警告颜色

表示警告的状态栏项目可以使用新添加的颜色 statusBarItem.warningBackgroundstatusBarItem.warningForeground

没有 additionalProperties 的对象设置

对象设置必须将 additionalProperties 设置为 false,才能在设置编辑器中支持该对象。否则,设置编辑器会将该设置解释为可以采用任何形状的复杂设置,并引导用户前往设置 JSON 文件。

多行字符串设置

要在设置编辑器中添加对多行字符串设置的支持,请将 "editPresentation": "multilineText" 作为键值对添加到字符串设置中。将字符串设置更改为多行将导致设置编辑器在多行文本区域而不是单行输入框中呈现设置值。

更新了 codicons

我们已将以下新图标添加到我们的 codicon 库中:

List of updated icons

  • azure
  • compass-active
  • compass-active
  • compass-dot
  • compass
  • debug-all
  • debug-coverage
  • git-pull-request-closed
  • git-pull-request-draft
  • issue-draft
  • layers-active
  • layers-dot
  • layers

文本文档更改原因

当触发 workspace.onDidChangeTextDocument 事件时,事件对象上的新属性 reason 指示文本更改是由撤消还是重做操作引起的。

语言服务器协议

一个新的 语言服务器协议 版本以及相应的 npm 模块已发布。3.17 版本包含一个完成项标签详细信息提案,该提案与 VS Code 本身的最新更改保持一致。

调试适配器协议

“writeMemory”请求和“memory”事件提案已最终确定

writeMemory 请求已最终确定,现在可在 调试适配器协议 的 1.48 版和相应的 npm 模块中使用。如果调试适配器具有 supportsWriteMemoryRequest 功能,客户端可以使用 writeMemory 请求将字节写入给定位置的内存。

memory 事件有一个提案,将在下一个里程碑中添加到 DAP 中。

建议的扩展 API

每个里程碑都会带来新的提议 API,扩展作者可以试用它们。一如既往,我们希望得到您的反馈。以下是尝试提议 API 的步骤:

  • 您必须使用 Insiders 版本,因为提议的 API 经常更改。
  • 您的扩展的 package.json 文件中必须有这一行:"enableProposedApi": true
  • 将最新版本的 vscode.proposed.d.ts 文件复制到您的项目源代码位置。

您不能发布使用提议 API 的扩展。在下一个版本中可能会有破坏性更改,我们绝不希望破坏现有扩展。

TaskGroup 的 isDefault

group 属性存在于 tasks.json 文件中定义的任务上,并通过任务 API 公开。group 属性有一个 isDefault 属性,该属性到目前为止在 API 中不可用。此提案将 isDefault 属性作为 TaskGroup 上的只读属性公开,以便扩展可以读取哪个任务是组的默认任务,但不能通过设置组的默认任务来覆盖用户的配置。

AuthenticationGetSessionOptions 的 forceRecreate

到目前为止,用于获取身份验证会话对象的 getSession API 从未能够要求用户登录。对于使用 SAML/单点登录 (SSO) 且访问令牌最终在 SSO 会话过期时失去资源访问权限的身份验证服务(如 GitHub),需要提示登录。此提案为 AuthenticationGetSessionOptions 添加了另一个属性 forceRecreate,允许您要求用户再次登录。将向用户显示类似于指定 createIfNone 时的模式体验。

工程

基于 iframe 的 webview 现在在桌面上无处不在

本月,我们完成了从 Electron 的 webview 标签元素到基于普通 <iframe> 元素的 webview 的过渡。这更好地使 VS Code 的 webview 实现在桌面和 web 端保持一致,也让我们能够删除许多现在冗余的代码。

Electron 13 更新

在此里程碑中,我们完成了将 Electron 13 打包到 VS Code 中的探索,我们要感谢所有参与 Insiders 测试和自托管的人。这是一个主要的 Electron 版本,附带 Chromium 91.0.4472.124。此版本没有更改 Node.js 版本,它仍将是 v14.16.0。

Electron 沙盒支持的进展

随着我们继续使 VS Code 工作台准备好启用 Electron 的沙盒,我们希望在 Linux 上启用混合沙盒模式,并且不再在我们的分布式包 deb、rpm、snap 和 tar 归档文件中捆绑 CLI 参数 --no-sandbox。Chromium 在 Linux 上有一个多层沙盒模型。如果 Chromium 无法使用命名空间沙盒进行第 1 层,它将尝试通过应用程序二进制文件随附的辅助二进制文件 chrome-sandbox 使用 setuid 沙盒。要使 setuid 二进制文件正常工作,它需要满足以下条件:

  • 沙盒二进制文件必须可由 Chromium 进程执行。
  • 它必须是 SUID 且可供其他人执行。

我们能够为 deb 和 rpm 包保留这些条件。目前无法为 snap 实现这些权限,我们正在跟踪问题 #127140,以解决 snap 包的未来问题。

至于使用 tar 归档文件,如果应用程序无法使用命名空间沙盒(这可能发生在容器内运行时),它将失败并出现以下错误:

FATAL:setuid_sandbox_host.cc(158)] The SUID sandbox helper binary was found, but is not configured correctly. Rather than run without sandboxing I'm aborting now. You need to make sure that chrome-sandbox is owned by root and has mode 4755.

如果发生这种情况,您可以使用以下两种选项之一使其工作:

  • 修复 setuid 助手的权限

    sudo chown root <path-to-vscode>/chrome-sandbox
    sudo chmod 4755 <path-to-vscode>/chrome-sandbox
    
  • 使用 --no-sandbox 标志运行

冒烟测试改进

我们运行一套冒烟测试,每次构建都会触发,这些测试会启动 VS Code(桌面和 Web),并练习各种 UI 元素以确保功能正常。在这个里程碑中,我们投入了基础设施,使我们能够从发布清单中删除手动冒烟测试。

冒烟测试现在在所有平台(macOS、Linux 和 Windows)上运行。最重要的是,我们更复杂的冒烟测试套件之一,专门检查 VS Code 上一个稳定版本与新版本之间的回归,已自动化,可在每次提交时运行。

最后,多亏了我们用于自动化 Web 冒烟测试的强大 Playwright 库,我们启用了其跟踪功能,允许我们使用其 跟踪查看器工具重播失败的冒烟测试。

显著修复

  • 26425:当没有更改时,“打开更改”按钮不应显示
  • 100815:连接到远程 WSL 时外部终端损坏
  • 106981:当窗口缩放设置为 -1 时终端光标重影
  • 127959:调试器暂停时调试窗格打开
  • 129059:设置编辑器中的对象小部件未渲染描述
  • 129070:无法通过仅按“确定”按钮更正下拉设置值
  • 129415:用户任务无法在单文件模式下运行

感谢

最后但同样重要的是,衷心感谢以下本月为 VS Code 做出贡献的人们:

对我们问题跟踪的贡献

vscode 的贡献

vscode-extension-samples 的贡献

vscode-languageserver-node 的贡献

vscode-pull-request-github 的贡献

vscode-vsce 的贡献

debug-adapter-protocol 的贡献

language-server-protocol 的贡献

monaco-editor 的贡献

monaco-languages 的贡献