🚀 在 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


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

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

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

辅助功能

笔记本执行的音频提示

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

差异审查模式的音频提示

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

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

List Audio Cues dropdown

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

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

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

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

工作台

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

备受好评的问题 #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.fontVariations 配置为 true,这将导致 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)以更新数据模型,然后再更新源代码管理视图。在某些情况下,运行这些命令可能需要几秒钟才能完成(例如,在处理大型单体仓库时),从而导致源代码管理视图刷新之前出现延迟。

在这个里程碑中,我们进行了更改,以便在 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 稳定版上作为预览功能提供。远程隧道允许您从任何地方的任何设备使用 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 内置的 配置文件查看器打开和查看。

支持嵌套的源映射

有时,尤其是在单体仓库设置中,源代码可能会被编译一次,然后再次编译或捆绑。

在许多情况下,这将导致生成的捆绑包的源映射引用在第一步中创建的已编译文件。

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

serverReadyAction 添加了 killOnServerStop 属性

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
  }
}

例如

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

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

Exception breakpoints correctly shown per call stack frame

注释

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

comments.visible

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

注释视图徽章

Comments view badge

任务

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

问题匹配器 'search' 文件位置方法

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

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

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

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

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

语言

注意,用户应警惕导致耗时的文件系统搜索(例如,在 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 来启用。

Kernel picker with most recently used kernels

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

Web 版 VS Code

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

源代码管理

  • VS Code for the Web 现在在编辑 GitHub 和 Azure Repos 仓库时支持以下设置
  • "git.branchRandomName.enabled" - 在 VS Code for the Web 中创建分支时生成随机分支名称。
  • "git.branchRandomName.dictionary" - 在 VS Code for the Web 中创建分支时,指定用于生成随机分支名称的单词字典。

"git.closeDiffOnOperation" - 在执行源代码管理操作(如提交、暂存、取消暂存更改)后关闭差异编辑器。

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

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

Commit & Push using source control action button

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

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

“继续处理”的改进

  • 当您在 GitHub 或 Azure Repos 仓库中时,命令面板中现在提供了便捷的一步式命令,可以将您的工作更改带到特定的开发环境
  • 在新 Codespace 中继续处理
  • 在本地克隆中继续处理

One step commands to continue working in another development environment

在 VS Code Desktop 上的远程仓库中继续处理

扩展的贡献

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

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 和 Issues

  • GitHub Pull Requests 和 Issues 扩展取得了更多进展,该扩展允许您处理、创建和管理拉取请求和问题。亮点包括
  • 笔记本支持永久链接命令。
  • 拉取请求检查状态(例如,持续集成 (CI) 正在进行中、需要审查、CI 失败等)显示在“拉取请求”树视图中。
  • PR 的 vscode.dev 链接可以从拉取请求概览中复制。

命令转到拉取请求中的下一个差异导航到已检出 PR 中跨文件的下一个差异。

预览功能

查看扩展 0.56.0 版本的更改日志以查看其他亮点。

配置文件

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

共享配置文件

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

Exporting a Profile

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

Importing a Profile

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

扩展签名和验证

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

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

除了仓库签名外,我们还开始进行 扩展发布者签名方面的工作。

Web 中的 Python 执行

  • 我们为 Experimental - Python for the Web 扩展添加了调试支持。调试器支持以下功能
  • 设置断点
  • 单步进入和单步跳出函数
  • 跨模块调试
  • 在调试控制台中评估变量

在集成终端中调试程序

Python debugging in VS Code for the Web

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

扩展创作

注意,使用该扩展仍然需要您将以下查询参数添加到浏览器 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

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

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

日志输出通道

在这个里程碑中,我们完成了 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 的完整路径,而不是相对路径。

注释线程附加操作

Visible button in a comment

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

将 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 身份验证扩展捆绑包大小改进

  • 考虑到这两个扩展提供的功能以及它们在许多情况下(例如 vscode.dev)对于启动的重要性,这两个扩展的捆绑包大小大于我们希望的。在这个里程碑中,我们专注于减小这些扩展的大小,以下是结果
  • GitHub 身份验证:93 KB -> 64.9 KB

Microsoft 身份验证:97 KB -> 57.7 KB

  • 这是通过以下方式实现的
  • 仅在 Node.js 中使用 node-fetch,而不是同时在 Node.js 和 Web 中使用。
  • 采用最新版本的 @vscode/extension-telemetry,其大小已大幅减小。

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

Electron 沙箱之旅

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

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

Window Controls Overlay 在 Windows 上默认重新启用

Window Controls Overlay (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 的贡献