🚀 在 VS Code 中

2022 年 11 月(版本 1.74)

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

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

更新 1.74.3:此更新解决了此安全问题

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


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

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

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

辅助功能

笔记本执行的音频提示

现在,当笔记本单元格完成运行时,会有音频提示。提示音不同,以指示单元格是成功运行还是失败。

差异查看模式的音频提示

在差异编辑器中,当触发转到下一个差异时,将播放特定的音频提示,以指示光标是在插入行还是删除行上。

如果您对可用的音频提示感到好奇,可以通过帮助:列出音频提示下拉列表收听它们。

List Audio Cues dropdown

设置编辑器中的指示器、悬停和链接现在可以通过键盘导航。还调整了一些链接的样式,以提高设置编辑器中的一致性。

设置编辑器指示器悬停在制表位和保持键盘焦点方面现在的行为要好得多。这种改进的行为仍处于实验阶段,目前仅为设置编辑器指示器悬停启用,而不是为 VS Code 中的所有悬停启用。

Navigating settings and a Modified elsewhere indicator in the Settings editor using the keyboard

主题:浅粉色(在 vscode.dev 上预览)

工作台

自定义资源管理器自动显示逻辑

高票的 issue #87956(“允许为特定文件夹设置 explorer.autoReveal”)已通过引入新设置 explorer.autoRevealExclude 修复。此设置允许您配置在启用自动显示(explorer.autoReveal,默认值为 true)时,哪些文件将在资源管理器中自动显示。autoRevealExclude 设置使用 glob 模式 来排除文件,并且类似于 files.exclude,也支持通过 when 子句进行同级匹配。

默认值排除 node 和 bower 模块

{
  "explorer.autoRevealExclude": {
    "**/node_modules": true,
    "**/bower_components": true
  }
}

隐藏每个视图容器的徽章

类似于您可以通过右键单击视图容器来隐藏视图容器的方式,您现在可以隐藏容器上的徽章(显示在活动栏、面板和辅助侧边栏中)。徽章通常显示特定视图容器的数字、图标或进度指示器,例如,源代码管理视图的待处理更改的数量。

A context menu is triggered on the Source Control view showing a Hide Badge entry. This is then selected and the blue number one badge disappears. Triggering the context menu again shows a Show Badge entry which brings the blue badge number one badge back.

合并编辑器

此版本发布了合并编辑器的一些改进和错误修复。亮点包括

  • 撤消/重做现在跟踪冲突的处理状态。
  • 输入视图中的 忽略 操作可用于接受基本版本,而不是结果视图中的 标记为已处理 操作。
  • 两侧相等的更改现在会自动解决。
  • 提供 git blame 功能的扩展现在可以在传入、当前和基本编辑器中工作。

安装位于磁盘上的扩展

您现在可以使用 开发人员:从位置安装扩展... 命令安装位于本地磁盘驱动器上的扩展。该命令将打开平台文件夹对话框以选择扩展的 .vsix 文件的位置。

编辑器

CJK 字符的新断字选项

现在可以使用名为 editor.wordBreak 的设置来避免在 CJK 字符后插入换行符。当配置为 keepAll 时,换行算法将尝试将 CJK 字符后的文本保持在同一行上。此设置对来自其他脚本的字符没有任何影响。

OpenType 字体的新字体设置

一些较新的字体,支持 OpenType 字体变体,支持调整某些轴,例如字体粗细轴,以实现无法通过 font-weight CSS 属性配置的字体粗细。在 CSS 中,这是通过 font-variation-settings 属性实现的。如果您使用此类字体,您现在可以配置 editor.fontVariationstrue,这将导致 VS Code 使用 "wght" 显示轴来设置字体粗细。如果您的字体支持其他轴,也可以直接配置它们,例如通过设置 "editor.fontVariations": "'ital' 0.5"

新的缩进大小设置

有一个名为 editor.indentSize 的新设置,允许将缩进大小(构成缩进的空格数)与制表符大小(用于呈现制表符的空格数)分离。这在处理使用混合制表符和空格缩进的文件时非常有用,并且只能在使用手动缩进配置时使用。

以下是示例配置

"editor.detectIndentation": false,
"editor.insertSpaces": true,
"editor.tabSize": 8,
"editor.indentSize": 2

部分接受内联完成的命令

命令 接受下一个内联建议词语 (editor.action.inlineSuggest.acceptNextWord) 可用于接受当前内联建议的下一个单词/非单词段。目前,它只能接受内联建议的第一行的部分内容。该命令仍在开发中,我们正在探索键盘快捷键以及未来版本的替代拆分规则。

源代码管理

管理不安全的 Git 存储库

VS Code 使用 git.exe 执行所有 Git 操作。从 Git 2.35.2 开始,用户被禁止在文件夹中运行 Git 操作,该文件夹由当前用户以外的用户拥有,因为该存储库被认为是潜在不安全的。

从本版本开始,如果您尝试打开此类潜在不安全的存储库,VS Code 将在源代码管理视图中显示欢迎视图以及错误通知。欢迎视图和通知都公开了 管理不安全的存储库 命令,该命令允许您查看潜在不安全的存储库列表,将其标记为安全并打开它们。管理不安全的存储库 命令也可在命令面板中使用。将存储库标记为安全会将存储库位置添加到 safe.directory git 配置

乐观的用户界面更新

在执行 Git 操作后,会执行一组 git 命令(例如,git status)以更新数据模型,然后再更新源代码管理视图。在某些情况下,运行这些命令可能需要几秒钟才能完成(例如,当处理大型 monorepo 时),从而导致在刷新源代码管理视图之前出现延迟。

在此里程碑中,我们进行了更改,以便在 git status 完成之前,为某些 Git 操作(暂存、取消暂存、放弃更改和提交)乐观地更新源代码管理视图,从而使源代码管理视图更加快捷。

新功能默认启用,但可以使用 git.optimisticUpdate: false 禁用它。

提交操作按钮优化

提交 操作按钮正在执行辅助提交命令(例如,提交 & 同步)时,按钮标签现在可以正确反映正在执行的命令。提交 按钮还显示动画以指示进度。

终端

终端快速修复改进

终端快速修复现在在代码操作控件中呈现,以便与编辑器中的体验保持一致。

A Quick Fix is triggered in the terminal and a menu is presented with a play button to the left of the action's label

终端下拉菜单中的任务操作

运行任务配置任务 命令显示在终端下拉菜单中,以提高可发现性和易于访问性。

The last section of the terminal dropdown menu contains Run Task and Configure Tasks commands

远程开发

远程隧道 现在作为 VS Code Stable 上的预览功能提供。远程隧道允许您从任何地方的任何设备安全地访问您的计算机上的 VS Code。要启用远程隧道访问,您可以任一

  • 从帐户菜单或命令面板中选择 打开远程隧道访问
  • 从安装了 VS Code 并在 PATH 中的计算机上运行 code tunnel
  • 下载新的 VS Code CLI 并运行 ./code tunnel

启用隧道访问后,您可以使用 vscode.dev 或使用来自 VS Code Desktop 的 Remote - Tunnels 扩展从任何设备连接到计算机。

要了解更多信息,请查看我们的 宣布该功能的博客文章远程隧道 文档。

主题:Codesong(在 vscode.dev 上预览)

注意: 如果您正在使用独立的 code-server CLI,您现在应该使用 VS Code CLI(通过最新的 VS Code Desktop 或上面提到的独立下载)来代替。

调试

JavaScript 调试

支持 console.profile

JavaScript 调试器现在支持 console.profile。在调试器下运行时,将为 console.profile()console.profileEnd() 之间的代码收集 CPU 配置文件。

console.profile();
doSomeExpensiveWork();
console.profileEnd();

生成的 .cpuprofile 文件将保存在您的工作区文件夹中,并且可以使用 VS Code 的内置 配置文件查看器 打开和查看。

支持嵌套源映射

有时,尤其是在 monorepo 设置中,源代码可能会编译一次,然后再次重新编译或捆绑。在许多情况下,这将导致生成的捆绑包的源映射引用第一步中创建的已编译文件。

JavaScript 调试器现在将自动递归地解析源映射,以便可以调试原始源文件而无需额外的步骤。

killOnServerStop 属性添加到 serverReadyAction

serverReadyAction launch.json 功能使用户能够启动一个调试会话,该会话启动一个 Web 服务器,然后在服务器启动后,自动启动调试导航到该服务器 URL 的浏览器。有一个新的属性 killOnServerStop,当设置为 true 时,将导致新的浏览器调试会话在服务器调试会话停止时自动停止。

例如

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",

  "serverReadyAction": {
    "pattern": "listening on port ([0-9]+)",
    "uriFormat": "https://127.0.0.1:%s",
    "action": "debugWithEdge",
    "killOnServerStop": true
  }
}

在上面的示例中,当原始的 Launch Program 调试会话停止时,自动启动的 Edge 调试会话也将停止。

为焦点调试会话显示异常断点

当运行两种不同类型的调试会话时,管理异常断点之前效果不佳。现在,当调试会话在 调用堆栈 视图中聚焦时,将显示该会话的调试类型的正确断点集。

Exception breakpoints correctly shown per call stack frame

注释

comments.visible

新的设置 comments.visible 可用于关闭编辑器注释(注释栏和编辑器内注释速览视图)。注释:切换编辑器注释 命令仍然可以在会话期间用于打开和关闭编辑器注释。在 注释 视图中选择注释将始终打开注释。

注释视图徽章

注释 视图显示未解决注释计数的徽章。

Comments view badge

任务

问题匹配器“搜索”文件位置方法

以前,问题匹配器需要通过 fileLocation 属性准确知道在哪里查找有问题的文件。支持的方法是 absoluterelativeautoDetect(首先检查相对路径,然后在失败的情况下查找绝对路径)。

但是,在使用位于嵌套子目录中的脚本的工作区中,很难设置任务,因为不同的脚本很少以统一的方式报告文件路径(例如,相对于工作区的基本目录)。

为了帮助解决此问题,有一个新的文件位置方法,名为 search。使用此方法,将运行递归文件系统搜索以查找任何捕获的路径。

以下示例显示了如何设置 search 文件位置方法(尽管所有参数都是可选的)

"problemMatcher": {
    // ...
    "fileLocation": [
        "search",
        {
            "include": [ // Optional; defaults to ["${workspaceFolder}"]
                "${workspaceFolder}/src",
                "${workspaceFolder}/extensions"
            ],
            "exclude": [ // Optional
                "${workspaceFolder}/extensions/node_modules"
            ]
        }
    ],
    // ...
}

请注意,用户应警惕导致耗时的文件系统搜索(例如,在 node_modules 目录中查找)并适当地设置 exclude 属性。

语言

TypeScript 4.9

VS Code 现在附带 TypeScript 4.9。此主要更新带来了新的 TypeScript 语言功能,例如 satisfies 运算符自动访问器。在工具方面,我们对 文件监视 进行了改进,并进行了许多其他修复和改进。

查看 TypeScript 4.9 公告,了解有关此更新的更多信息。

跳转到 return 的定义

JavaScript 和 TypeScript 现在支持在 return 关键字上运行 跳转到定义,以快速跳转到从中返回的函数的顶部。这在处理长、复杂或高度嵌套的函数时很有帮助。您可以为此使用 跳转到定义 命令/键绑定(F12)或只需 Cmd/Alt + 单击 return 关键字。

笔记本

内核选择器实验:最近使用的内核

有一个新的笔记本内核选择器,它在选择器的顶部显示最近使用的内核。这是一个选择加入的实验,可以通过将 notebook.kernelPicker.type 设置设置为 mru 来启用。

未使用的内核将移动到辅助选择器 选择另一个内核... 中。当您安装了最新的 Jupyter 扩展时,此选择器将按其来源(例如:Jupyter 内核、Python 环境等)对所有内核进行分组。

Kernel picker with most recently used kernels

我们很乐意听到您的反馈,您可以在 VS Code 存储库 中创建问题。

Web 版 VS Code

源代码管理

Web 版 VS Code 现在在编辑 GitHub 和 Azure Repos 存储库时支持以下设置

  • "git.branchRandomName.enabled" - 在 Web 版 VS Code 中创建分支时生成随机分支名称。
  • "git.branchRandomName.dictionary" - 在 Web 版 VS Code 中创建分支时,指定用于生成随机分支名称的单词字典。
  • "git.closeDiffOnOperation" - 在执行源代码管理操作(如提交、暂存、取消暂存更改)后关闭差异编辑器。

此外,Web 版 VS Code 在状态栏和受保护分支的分支选择器中显示锁定图标,与 VS Code Desktop 上的体验保持一致。

Lock icon for protected branches in the Status bar and branch picker

最后,您现在可以使用 Web 版 VS Code 中的源代码管理操作按钮来提交并将您的更改直接推送到存储库远程

Commit & Push using source control action button

如果您希望在提交之前验证您的更改,您还可以使用操作按钮下拉菜单中的辅助 继续在...上工作 操作将您的工作更改带到另一个开发环境。

继续在...上工作的改进

当您在 GitHub 或 Azure Repos 存储库中时,命令面板中现在提供了便捷的一步命令,可以将您的工作更改带到特定的开发环境

  • 继续在新的 Codespace 中工作
  • 继续在本地克隆中工作
  • 继续在 VS Code Desktop 上的远程存储库中工作

One step commands to continue working in another development environment

我们还将 编辑会话 重命名为 云更改,以明确它与将工作更改存储在云中有关。

扩展的贡献

Jupyter

笔记本单元格调试的“仅我的代码”

“仅我的代码”调试功能允许您确定调试器是步进 Python 库中的代码,还是仅步进您的源代码。在调试笔记本单元格时,默认情况下已启用此功能,但您可以设置 "jupyter.debugJustMyCode": false 以禁用它,并允许您步进库代码。为了获得最佳体验,请将您环境中的 debugpy 升级到 >=1.6.3。以前,debugJustMyCode 设置仅在交互窗口中调试时才被遵守,现在它也适用于笔记本编辑器。

支持重启笔记本单元格调试会话

调试工具栏中的 重启 命令会重启当前的调试会话。以前,这会在笔记本调试会话中抛出错误,但现在已支持。不幸的是,在交互窗口中无法正确支持它。

此功能在您调试、编辑单元格,然后重启调试会话以使用应用的编辑再次调试单元格的工作流程中特别有用。

远程开发扩展

远程开发扩展,允许您使用容器、远程计算机或 Windows Subsystem for Linux (WSL) 作为功能齐全的开发环境。此版本的亮点包括

  • 开发容器 GPU 支持
  • 开发容器 Cygwin / Git Bash 套接字转发
  • Remote - Tunnels 扩展 - 连接到远程计算机而无需 SSH。

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

GitHub Pull Requests and Issues

GitHub Pull Requests and Issues 扩展方面取得了更多进展,该扩展允许您处理、创建和管理 pull request 和 issue。亮点包括

  • 笔记本支持永久链接命令。
  • Pull request 检查状态(例如持续集成 (CI) 正在进行中、需要审查、CI 失败等)显示在 Pull Requests 树视图中。
  • PR 的 vscode.dev 链接可以从 pull request 概述中复制。
  • 转到 Pull Request 中的下一个差异 命令导航到跨文件的签出 PR 中的下一个差异。

查看扩展的 0.56.0 版本的更新日志,了解其他亮点。

预览功能

配置文件

在过去的几个月中,我们一直在努力支持 VS Code 中的 配置文件,这是社区最受欢迎的需求之一。此功能可通过 workbench.experimental.settingsProfiles.enabled 设置进行预览。试用一下,并通过在 vscode 存储库 中创建问题或在 issue #116740 中评论来向我们提供您的反馈。

共享配置文件

您现在可以通过将其导出到 GitHub 作为 gist 来共享配置文件。VS Code 将使用您的 GitHub 帐户创建一个秘密 gist,并为您提供一个链接以与他人共享。当您打开该链接时,VS Code 将要求您安装共享的配置文件。在导出或导入配置文件期间,VS Code 将显示预览,以便您可以分别查看和选择要导出或导入的数据。

这是一个将配置文件导出到 GitHub,然后复制链接以与他人共享的视频

Exporting a Profile

此视频显示通过打开共享链接导入配置文件

Importing a Profile

扩展签名和验证

从 11 月中旬开始,所有上传到 Visual Studio Marketplace 的 VS Code 扩展都由 VS Marketplace 签名 - 此过程称为存储库签名。在每次扩展安装和更新时,VS Code 都会验证扩展包签名。通过签名和签名验证,我们可以保证扩展包的完整性和真实性。

签名验证目前仅在 VS Code Insiders 中完成。如果您发现任何问题,可以通过在 vscode 存储库 中创建问题来告知我们,并且您可以通过将 extensions.verifySignature 设置为 false 来选择退出签名验证。我们正在努力在未来几个月内在 VS Code Stable 中启用签名验证。

除了存储库签名外,我们还开始致力于 扩展发布者签名

Web 中的 Python 执行

我们为 Experimental - Python for the Web 扩展添加了调试支持。调试器支持以下功能

  • 设置断点
  • 步入和步出函数
  • 跨模块调试
  • 在调试控制台中评估变量
  • 在集成终端中调试程序

下面的屏幕截图显示了调试 Hello World 程序

Python debugging in VS Code for the Web

请注意,使用该扩展仍需要您将以下查询参数添加到浏览器 URL ?vscode-coi=

扩展创作

声明的扩展贡献的隐式激活事件

在此里程碑中,如果您的扩展在其 package.json 中声明了某些扩展贡献,我们取消了显式列出激活事件的要求。

以前,如果扩展声明它在其 package.json 文件中贡献了一个命令 mycommand,则它还需要在 package.jsonactivationEvents 字段中列出相应的 onCommand:mycommand 激活事件,以便该命令成功执行。这很繁琐且容易出错,并且可能导致大型 package.json 文件。

VS Code 现在将自动为以下扩展贡献点填充激活事件

贡献点 推断的激活事件
commands onCommand
authentication onAuthenticationRequest
languages onLanguage
customEditors onCustomEditor
views onView

扩展作者现在可以安全地从您的扩展中删除这些推断的激活事件。如果您这样做,请更新您的 VS Code 引擎要求,以确保您的扩展不会被视为与早期版本的 VS Code 兼容

    "engines": {
        "vscode": "^1.74.0"
    },

日志输出通道

在此里程碑中,我们最终确定了 LogOutputChannel API。您现在可以使用此 API 创建一个日志输出通道,该通道将用于记录来自您的扩展的消息。

我们还最终确定了 env 命名空间中的 logLevel 属性和 onDidChangeLogLevel 事件,以指示应用程序的当前日志级别并在应用程序的日志级别更改时触发事件。

所有 webview 的一致来源

我们在上次迭代中的工作之后,VS Code 中的所有 webview 现在都尝试保持自定义来源。在 1.74 中,这也扩展到自定义编辑器使用的 webview。

这通过允许在更多情况下缓存 webview 内容来提高性能。有关更多详细信息以及作为扩展作者需要注意的事项,请参阅之前的发行说明

扩展 README 中的视频标签支持

扩展现在可以在其 README 中使用 <video> 标签。VS Code Marketplace 和 VS Code 中的扩展视图页面都支持视频。与 .gif 相比,视频文件质量更高,通常也更小。您甚至可以包含音频!

请记住,VS Code 本身仅支持特定的视频和音频格式。目前,您还必须使用 <video> srcposter 的完整路径,而不是相对路径。

评论线程附加操作

新的菜单位置 comments/commentThread/additionalActions 允许扩展向评论线程贡献始终可见的按钮。

Visible button in a comment

将 vsce 重命名为 @vscode/vsce

vsce 工具,VS Code 的扩展管理器,已被重命名为 @vscode/vsce。对于将该工具用作库的任何人来说,这是一个重大更改。CLI 工具仍然称为 vsce,可以通过 npm install -g @vscode/vsce 安装。

调试适配器协议

调试适配器协议 进行了多项澄清,并添加了一个新属性。

  • DataBreakpointInfo 请求有一个新的可选属性 frameId。客户端可以使用此标志来指定哪个堆栈帧包含 name 变量。
  • 现在为 readMemory 请求指定了文件结束行为。

工程

属性和方法的名称混淆

我们的产品构建现在混淆属性和方法的名称。这使我们的主捆绑包大小减少了约 13%(-1.5 MB),并将代码加载时间减少了约 5%。

GitHub & Microsoft Authentication 扩展捆绑包大小改进

这两个扩展的捆绑包大小比我们预期的要大,考虑到它们提供的功能以及它们在许多情况下(例如 vscode.dev)对于启动的重要性。在这个里程碑中,我们专注于减小这些扩展的大小,以下是结果

  • GitHub Authentication: 93 KB -> 64.9 KB
  • Microsoft Authentication: 97 KB -> 57.7 KB

这是通过以下方式实现的

  • 不再依赖(和捆绑)在 Node.js 和 Web 中 readily available 的功能的 node 模块(例如,删除 uuid 而改用 Crypto.randomUUID())。
  • 仅在 Node.js 中使用 node-fetch,而不是在 Node.js 和 Web 中都使用它。
  • 采用最新版本的 @vscode/extension-telemetry,其大小显着减小。

在此过程中没有丢失任何功能,并且由于它们的大小减小,这些扩展现在可以更快地获取和加载。

Electron 沙箱之旅

您可以在最近的 “将 VS Code 迁移到进程沙箱” 博客文章中了解我们启用 Electron 沙箱的进展。这篇详细的文章介绍了技术时间线,并描述了为支持 VS Code 沙箱所做的增量更改。

如果您想试用 VS Code 沙箱模式,可以在设置中设置 "window.experimental.useSandbox": true。希望您不会注意到任何功能差异,但如果您发现问题,请向我们报告。

在 Windows 上默认重新启用窗口控件叠加层

窗口控件叠加层 (WCO) 已默认重新启用。它之前在 8 月份启用,但随后又被禁用,因为它对于使用从右到左系统语言的用户 渲染在错误的一侧,遮盖了 FileEdit 菜单项。

主要问题是 VS Code 没有将应用程序区域设置传递给 Electron,因此 Electron 使用系统区域设置来确定 WCO 的放置位置。但是,VS Code 依赖于 Electron 的 app.getLocale() API 来获取系统语言并确定要推荐的语言包,并且将应用程序区域设置传递给 Electron 导致 app.getLocale() 返回相同的区域设置而不是系统语言。

为了解决这个问题,我们向 Electron 添加了一个新的 app.getPreferredSystemLanguages() API,以便即使在将区域设置传递给 Electron 之后,我们仍然可以获得系统语言以用于 VS Code 的语言包推荐器,同时保持 WCO 在正确的一侧。

VS Code with the custom title bar along with Paint's title bar. The screenshot is taken on Windows 11 with the system language in Arabic, showing that the WCO is on the right for VS Code, which is in English, while it is on the left for Paint, which is in Arabic.

内置扩展现在使用新的 l10n API 而不是 vscode-nls

上个月,我们稳定了新的 本地化 (l10n) API。本月,我们在 Microsoft/vscode 存储库中找到的每个扩展中都采用了该 API。我们仍然需要将语言服务器迁移到使用 @vscode/l10n 而不是 vscode-nls,以及团队拥有的其他一些扩展(JS Debug、Python、Jupyter Notebooks 等),但我们正在朝着为所有扩展提供单一本地化方案的正确方向前进。

值得注意的修复

感谢

最后但同样重要的是,非常感谢 VS Code 的贡献者。

问题跟踪

对我们的问题跟踪的贡献

拉取请求

vscode 的贡献

vscode-css-languageservice 的贡献

vscode-eslint 的贡献

vscode-js-debug 的贡献

vscode-json-languageservice 的贡献

vscode-pull-request-github 的贡献

debug-adapter-protocol 的贡献

devcontainers/cli 的贡献