VS Code v1.64 更新发布，获得全新侧面板

Mr李 • 2022-02-11 00:28 • 技术文章

Visual Studio Code 1.64（2022 年 1 月版）正式发布，附带了常见的新特性和功能，包括新的侧面板。

公告帖子称，“这个里程碑，引入了侧面板(Side Panel)，它是侧栏对面工作台上的一个新表面，您可以在其中容纳侧栏或底部面板的视图，与将底部面板移动到编辑器的左侧或右侧不同，新的侧面板工作在底部面板之外，所以你可以一次看到更多的视图集。”

因为新添加的 UI 允许开发人员一次查看更多视图，所以通过将视图移动到它来使用它。视图是可以出现在侧边栏或面板中的内容容器（终端、输出和其他东西都在这里，不要与新的侧面板混淆）。

要使用侧面板，您需要将一些视图移到它上面。根据我们最受好评的功能请求之一，您可能希望将大纲视图从侧边栏移动到侧面板。您可以通过将视图拖放到侧面板中来执行此操作。如果侧面板没有打开，就像底部面板一样，将视图拖到编辑器区域的边缘，将弹出它打开。

如下面的动画 GIF 所示，将大纲视图拖放到右侧以创建侧面板。然后，用户可以在侧边栏中切换视图（此处打开全局搜索视图），同时保持大纲视图可见。

或者，您可以使用命令面板中的视图:移动视图（View:Move View）命令，该命令将显示可用视图的下拉列表。当您选择视图时，您可以通过创建新的面板/侧边栏/侧面板条目或将视图放置在现有位置（例如资源管理器或源代码管理）来选择位置。

通过抓取视图图标，可以在面板、侧栏和侧面板之间拖放视图。通过右键单击视图图标并选择“重置位置”，可以将视图的位置重置回默认位置。

如果您想将所有视图重置回默认布局，您可以从命令面板运行视图:重置视图位置（View:Reset View Locations）。

还有其他一些更改：

设置编辑器搜索 – 搜索现在优先考虑整个单词匹配：设置编辑器搜索现在在搜索时查找字符串和枚举设置中的字符串值匹配。新的搜索算法还优先考虑整个单词匹配，这意味着如果同时具有 Java 和 JavaScript 扩展名，则在搜索“java”时，Java 设置将首先显示。
音频提示 – 当光标移动到折叠区域、错误和断点时听到：它们在主光标更改其行或第一次将标记添加到当前行时播放。连接屏幕阅读器时会自动启用音频提示，但也可以通过将 audioCues.enabled 设置为 on 手动打开。
Unicode 高亮显示 – 避免在支持的语言中突出显示字符：新设置editor.unicodeHighlight.allowedLocales可用于允许在一个或多个已配置语言环境中常见的字符。默认情况下，这包括当前 VS Code 显示语言和当前 OS 语言。目前，仅支持在vscode-loc 语言包中翻译的语言环境。
自动终端回复 – 创建对常见终端提示的自动回复：终端现在能够在收到特定字符序列时自动回复。这很有用的一个很好的例子是运行批处理脚本时Terminate batch job (Y/N)?点击后的 Windows 批处理脚本消息Ctrl+C。这通常只会给用户带来问题，因此添加了默认的自动回复。终端现在将自动回复Y并输入 ( /r)，这使得Ctrl+C在 Windows 中感觉好多了。
Notebook UI 改进 – 在 Markdown 和输出单元格中搜索文本：VS Code 现在支持在 Markdown 单元格的渲染视图和代码单元格的输出中查找文本。该功能默认禁用，因为它需要渲染所有 Markdown 单元格和输出，这在打开笔记本时可能会很昂贵。您可以通过从 Find 控件输入框的过滤器下拉列表中选择选项（ Markdown Preview、Code Cell Outputs ）来打开此功能。
调试二进制数据视图 – 调试时查看和编辑二进制数据：VS Code 的通用调试器现在支持查看和编辑二进制数据（又名“memory”）。内存查看和编辑可用的变量在变量视图中显示一个内嵌二进制图标，选择它会打开十六进制编辑器。
Markdown 路径建议 – 快速插入相对文件路径和标题链接：路径建议的工作方式类似于 CSS 和 HTML 文件中的路径 IntelliSense。以开头的路径/是相对于当前工作空间解析的，而带有./或不带任何前缀的路径是相对于当前文件解析的。路径建议会在您键入时自动显示，/也可以使用Ctrl+Space.
JS/TS 用代码段括起来 – 在代码段中插入所选代码：许多 JavaScript 和 TypeScript 代码段都已更新，以支持所选文本。要使用surround with，首先选择一些文本，然后运行Insert Snippet。现在，诸如ifor之类的片段forof将使用选定的文本作为新语句的正文，而不是替换选定的文本。
VS Code for the Web – 支持在 vscode.dev 和 github.dev 中签名的 GitHub 提交：在 VS Code for Web 中创建的提交现在在 GitHub UI 中被签名并标记为已验证。此外，维护者现在可以在使用 VS Code for Web 时承诺拉取从分叉提交的请求。这要归功于新的 GitHub GraphQL createCommitOnBranch API。