在 VS Code 中尝试

2018 年 8 月 (版本 1.27)

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

下载:Windows: x64 | Mac: Intel | Linux 64 位: deb rpm tarball | 32 位: deb rpm tarball


欢迎来到 Visual Studio Code 2018 年 8 月版。此版本包含许多重要的更新,希望您会喜欢,其中一些主要亮点包括:

如果您想在线阅读这些发行说明,请访问 code.visualstudio.com 上的更新
您还可以观看 Cloud Developer Advocate Brian Clark 制作的 1.27 版本亮点视频

Insiders:想尽快体验新功能吗?您可以下载每晚发布的 Insiders 版本,并在新更新可用时立即尝试。有关 Visual Studio Code 的最新消息、更新和内容,请在 Twitter 上关注我们:@code

工作台

设置编辑器

在过去的几个月里,我们一直在开发用于编辑设置的 GUI。在 1.27 版本中,我们将其设为默认设置编辑器。

Settings UI

您仍然可以使用命令首选项:打开用户设置 (JSON) 或通过修改 "workbench.settings.editor" 设置来更改默认设置编辑器,从而访问 JSON 设置编辑器。

本月我们做出的一项改进是通过将设置值描述 (enumDescriptions) 移至自定义下拉控件来清理 UI

dropdown

已修改的设置现在会以蓝色线条指示,就像编辑器中修改过的行一样。齿轮图标会打开一个上下文菜单,其中包含一个选项,可以将设置重置为其默认值。

modified indicator and context menu

设置值现在会进行验证,并显示任何验证错误。

validation error

目录在搜索期间将保持可见,并过滤以仅显示具有匹配项的类别。您可以单击某个类别以将结果过滤到该类别下的设置。如果您希望在搜索期间隐藏目录,请将 "workbench.settings.settingsSearchTocBehavior" 设置为 "hidden"

settings search

当您在设置中搜索时,我们由 Bing 提供支持的搜索服务仍会提供其认为相关的结果。现在,该服务还将向您显示 Marketplace 中具有相关设置的扩展。您将在设置搜索结果底部看到一个按钮,显示匹配的扩展。单击后,扩展视图将打开并显示匹配的扩展。

extension settings

Windows 和 Linux 上的自定义标题栏和菜单

在过去的几次迭代中,我们也在努力改进 Windows 和 Linux 上标题栏和菜单的外观、感觉以及可用性。此迭代中,我们移除了预览标签,目标是很快将其设为 Windows 上的默认体验。要启用此功能,您可以将设置 "window.titleBarStyle" 设置为 "custom"

Custom Title Bar and Menus

与默认体验相比,新体验具有多项优势

  • 产品中可自定义主题的标题栏、菜单栏和上下文菜单。这意味着您的深色主题将保持深色!
  • 菜单栏中更好的键盘导航。我们让使用键盘在菜单之间切换和使用菜单助记符变得更容易。
  • 侵入性更小的菜单栏。当将 "window.menuBarVisibility" 设置为 "toggle" 时,新体验更加紧凑,且更少突兀。
  • 更好的辅助功能。已解决多项辅助功能问题,以改善屏幕阅读器对菜单的可用性。

由于我们希望将这种新体验作为 Windows 上的默认体验,因此我们鼓励您尝试并向我们发送反馈,以便我们提供最佳体验。

面包屑改进

我们调整了新的面包屑栏,进行了各种改进,并修复了错误

  • 现在,编辑器中会高亮显示焦点文档符号。
  • 当运行焦点命令 (⇧⌘; (Windows, Linux Ctrl+Shift+;)) 时,面包屑会自动启用。
  • 面包屑与主题的兼容性更好。
  • 面包屑现在遵循文件排除配置。

Breadcrumbs Highlights

新终端菜单

任务菜单已重命名为终端,并添加了一些集成终端的更多条目。

Terminal Menu

特定平台键盘快捷方式

现在可以在键盘绑定的 when 子句中使用 isLinuxisMacisWindows 为特定操作系统启用键盘快捷方式

[
  {
    "key": "ctrl+o",
    "command": "workbench.action.files.openFolder",
    "when": "!isMac"
  },
  {
    "key": "cmd+o",
    "command": "workbench.action.files.openFolder",
    "when": "isMac"
  }
]

这使得在不同机器之间共享您的 keybindings.json 文件变得更加容易。

在新原生标签页中打开窗口

一个新的仅限 macOS 的命令 workbench.action.newWindowTab,可以在新原生标签页中打开一个窗口。newWindowTab 没有默认的键盘绑定,并且需要启用 window.nativeTabs 设置。

文件在外部删除/重命名时不再关闭

我们已将 workbench.editor.closeOnFileDelete 设置的默认值从 true 更改为 false。这意味着已在 VS Code 外部(或由其他程序(如 Git 或集成终端中的命令)删除或重命名的文件将不再关闭作为编辑器标签页打开的文件。相反,文件将指示它已从磁盘中删除,您只需保存文件即可将其恢复。

Deleted from Disk

注意:除非文件已修改,否则文件内容在重新启动后不会保留。

鼠标中键点击在新编辑器中打开文件

现在,可以在资源管理器视图中使用鼠标中键单击在新编辑器中打开文件,而无需在预览模式中重用上一个编辑器。

辅助功能改进

我们修复了一些辅助功能问题——主要围绕键盘导航、屏幕阅读器支持和焦点。完整列表可以在此处找到。这是一项持续的努力,我们计划在 9 月继续进行。

改进的 Windows 后台更新

我们对自定义的 Windows 后台更新程序进行了一些稳定性工作,以解决导致某些用户安装损坏的问题。这是一项持续的工作,后续版本将进行更多改进。

编辑器

自动闭合和环绕字符

当输入某些括号(如 {[()时,根据编程语言的不同,如果它们后面跟着通常不能开始表达式的特定字符(例如 ;:.,=}])>),它们将默认自动闭合。此行为可以通过 editor.autoClosingBrackets 设置进行自定义。同样,也可以通过 editor.autoClosingQuotes 自定义输入引号(如 "'`)时的自动闭合行为。

当文本被选中并且您输入其中一个字符时,选择内容将被括号或引号环绕。现在可以通过新的 editor.autoSurround 设置单独调整此行为。

语言

CSS import 的路径补全

现在支持 CSS、SCSS 和 Less @import 的路径补全。SCSS 部分 @import 也已处理。

css-import

现在 CSS、SCSS 和 Less 中的 @importurl() 链接支持跳转到定义。

css-definition

JSON

内置的 JSON 语言扩展现在支持新的 JSON Schema Draft-07

最有趣的补充是 ifthenelse 关键词,允许条件模式评估。

{
  "type": "integer",
  "minimum": 1,
  "maximum": 1000,
  "if": { "minimum": 100 },
  "then": { "multipleOf": 100 },
  "else": {
    "if": { "minimum": 10 },
    "then": { "multipleOf": 10 }
  }
}

if 关键词意味着,如果值模式的验证结果通过,则应用 then 模式,否则应用 else 模式。

HTML

HTML 格式化程序已更新到 JS Beautifier 的 1.8.1 版本。

这为 "html.format.wrapAttributes" 设置添加了一个新选项

  • "aligned-multiple" 将在达到最大行长度时换行属性,并将所有换行行与第一个属性对齐。

aligned-multiple

TypeScript 3.0.3

VS Code 现在附带 TypeScript 3.0.3。此小版本修复了许多错误并提高了稳定性。您可以在此处阅读完整的更改集。

调试

“已加载脚本”视图现在可重用

一年多来,调试视图中的已加载脚本资源管理器是由 Node.js 调试扩展贡献的,其他调试器无法使用。在此版本中,我们将“已加载脚本”视图添加为内置调试器功能。所有具有“脚本”概念的调试扩展都能够支持在动态更新的视图中访问其脚本。

此外,我们还改进了旧版“已加载脚本资源管理器”的一些缺点

  • 单子文件夹链现在折叠为单个节点。这使得深入到深层但稀疏的文件夹层次结构变得容易得多。
  • 我们已开始解决辅助功能问题。

鼠标中键点击移除断点

现在,可以在断点视图中使用鼠标中键单击轻松移除断点。

将“openDebug”的默认值更改为在每次会话开始时打开

对于新用户来说,有时在启动调试会话时,调试视图不会每次都自动打开,这可能会令人困惑。如果用户还不熟悉 UI,他们不知道要查找哪些关键词才能打开 UI。为了避免混淆,我们更改了 debug.openDebug 的默认值,使其变为 openOnSessionStart,这样调试视图将在每次会话开始时打开,而不仅仅是第一次(这是以前的默认行为)。

扩展创作

扩展日志记录

作为 activate 函数参数的 ExtensionContext 有一个新属性 logPath。这是扩展可以存储日志文件的目录的绝对文件路径。该路径对于每个扩展都是唯一的,不会被其他扩展重复使用。

语言服务器协议

新版本的语言服务器协议已可用,并包含用于 VS Code 的相应节点模块。

新版本支持:

  • 服务器端提供代码操作种类声明,允许客户端填充相应的菜单项。
  • textDocument/prepareRename 的实现。
  • 工作区编辑中文件操作(创建、重命名和删除)的支持。

vscode-languageclient:JSON 日志格式和日志流

以前,当使用 vscode-languageclient 构建语言服务器扩展时,您可以指定 [langId].trace.serverLSP 日志发送到 VS Code 输出通道。

[langId].trace.server 现在可以以机器可读的 JSON 格式输出日志信息

"languageServerExample.trace.server": {
  "format": "json", // or "text"
  "verbosity": "verbose" // or "off" | "messages"
}

这开启了有趣的用例,例如将 LSP 日志流式传输到 LSP Inspector 以可视化语言服务器的行为

lsp-streaming

您可以在 Microsoft/language-server-protocol-inspectorlsp-log-streaming-sample 中了解更多信息。

调试扩展:内置“已加载脚本”视图

“已加载脚本”资源管理器现在是 VS Code 调试器的一个内置组件。为了使用它,调试器扩展需要按以下方式更改其调试适配器:

  • initialize 请求返回的 Capabilities 中添加一个值为 truesupportsLoadedSourcesRequest 功能。
  • 通过返回当前已加载源集来实现 loadedSources 请求。
  • 为新加载或卸载的源发送 loadedSource 事件。

新主题颜色

面包屑有了新的主题颜色

  • breadcrumb.background:面包屑项的背景颜色。

设置编辑器有新的主题颜色

  • settings.dropdownListBorder:新下拉控件的边框颜色。
  • settings.modifiedItemIndicator:表示已修改设置的线条颜色。

Git 扩展 API

Git 扩展已开始公开一个更明确的 API。此 API 可用于任何其他扩展,以与用户工作区中打开的 Git 存储库进行交互。由于它仍处于初步阶段,我们将在即将发布的版本中持续改进此 API。

提议的扩展 API

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

  • 您必须使用 Insiders 版本,因为提议的 API 经常更改。
  • 您必须在扩展的 package.json 文件中包含以下行:"enableProposedApi": true
  • 将最新版本的 vscode.proposed.d.ts 文件复制到您的项目中。

请注意,您不能发布使用提议 API 的扩展。我们很可能在下一个版本中进行重大更改,我们绝不希望破坏现有扩展。

SCM:选定的源代码管理器

为了让扩展知道用户在 UI 中选择了哪些源代码管理器实例以进行可见性,SourceControl 实例现在具有 selected 属性以及表示该状态的 onDidChangeSelection 事件。

export interface SourceControl {
  /**
   * Whether the source control is selected.
   */
  readonly selected: boolean;

  /**
   * An event signaling when the selection state changes.
   */
  readonly onDidChangeSelection: Event<boolean>;
}

评论提供者

此迭代中我们引入了评论概念,允许扩展在编辑器和新的评论面板中创建和管理对话。这使得扩展能够支持代码审查场景。

评论按主题组织,并与特定文档关联。

export enum CommentThreadCollapsibleState {
  Collapsed = 0,
  Expanded = 1
}

interface CommentThread {
  threadId: string;
  resource: Uri;
  range: Range;
  comments: Comment[];
  collapsibleState?: CommentThreadCollapsibleState;
}

interface Comment {
  commentId: string;
  body: MarkdownString;
  userName: string;
  gravatar: string;
  command?: Command;
}

要显示评论,扩展必须注册 DocumentCommentProviderWorkspaceCommentProvider

export interface CommentThreadChangedEvent {
  readonly added: CommentThread[];
  readonly removed: CommentThread[];
  readonly changed: CommentThread[];
}

interface CommentInfo {
  threads: CommentThread[];
  commentingRanges?: Range[];
}

interface DocumentCommentProvider {
  provideDocumentComments(
    document: TextDocument,
    token: CancellationToken
  ): Promise<CommentInfo>;
  createNewCommentThread(
    document: TextDocument,
    range: Range,
    text: string,
    token: CancellationToken
  ): Promise<CommentThread>;
  replyToCommentThread(
    document: TextDocument,
    range: Range,
    commentThread: CommentThread,
    text: string,
    token: CancellationToken
  ): Promise<CommentThread>;
  onDidChangeCommentThreads: Event<CommentThreadChangedEvent>;
}

interface WorkspaceCommentProvider {
  provideWorkspaceComments(token: CancellationToken): Promise<CommentThread[]>;
  onDidChangeCommentThreads: Event<CommentThreadChangedEvent>;
}

使用 DocumentCommentProvider,可以返回打开文档的评论。在提供评论时,扩展会指定文档上的当前主题以及文档支持添加新评论的范围。可以在文档中添加或回复评论。

A comment within an editor

WorkspaceCommentProvider 首次注册时,CommentsPanel 将可见并显示提供给它的所有评论。评论按评论主题和资源分组。当在面板中选择评论时,将运行评论 command,因此扩展决定其行为。

Comments panel

预览功能

预览功能尚未准备好发布,但功能已足够使用。我们欢迎您在开发过程中尽早提供反馈。

Electron 3.0 探索

在此里程碑期间,我们探索了将 Electron 3.0.0 打包到 VS Code 中。这是一个主要的 Electron 版本,附带 Chrome 66 和 Node.js 10.x(与我们当前使用 Chrome 61 和 Node.js 8.x 的版本相比,这是一个巨大的飞跃)。我们计划在不久的将来向 Insiders 用户推出此更新,以收集更多反馈。如果您有兴趣提供帮助,请务必安装 VS Code Insiders 版本。

工程

扩展和 webpack

我们现在使用 webpack 打包扩展。它实现了两个目标:(1) 减少扩展的启动时间,因为要加载的文件更少,要解析的源代码也更少;(2) 减少安装时间,因为需要解压和写入磁盘的文件更少。到目前为止,我们已经将包大小减少了约 4000 个文件!

性能金丝雀

我们添加了一个测试工具,以确保我们的启动性能不会下降。有一个新的脚本可以部署到专用机器上,以测试 Insiders 版本的性能。该脚本只是安装最新版本并确保它在时间限制内启动。目前,我们从 Windows 开始,因为性能经常受到防病毒软件更新的影响,但计划是在我们支持的所有平台上进行测试。

IPC 堆栈改进

我们改进了自研的 IPC 堆栈,以支持进程间的字节缓冲区消息。这使得某些场景成为可能,例如在不同进程之间发送二进制数据而没有开销,以及允许我们优化 IPC 性能。

值得关注的修复

  • 6363: 保存时删除备用数据流
  • 25919: 强制在新窗口中打开为原生标签页的新命令
  • 49021: 保存时不要重置 WSL 权限元数据
  • 49403: 在集成终端中调试时自动附加导致问题
  • 55025: 扩展主机重启时允许继续调试
  • 56084: 打开编辑器:重新审视组的顺序以基于视觉顺序
  • 56691: 路径中存在 # 时启动 vscode 出错
  • 57018: 停止/重启调试器无法停止 babel-node

致谢

最后但同样重要的是,衷心感谢以下帮助改进 VS Code 的各位!

vscode 的贡献

vscode-vsce 的贡献

vscode-eslint 的贡献

language-server-protocol 的贡献

vscode-languageserver-node 的贡献

debug-adapter-protocol 的贡献

vscode-css-languageservice 的贡献

vscode-html-languageservice 的贡献

vscode-json-languageservice 的贡献

node-jsonc-parser 的贡献

vscode-generator-code 的贡献

localization 的贡献

Transifex VS Code 项目团队有近 1200 名成员,每月约有 100 名活跃贡献者。感谢您的贡献,无论是提供新翻译、投票翻译还是提出流程改进建议。

以下是本次发布的贡献者快照。有关项目(包括贡献者姓名列表)的详细信息,请访问项目网站:https://aka.ms/vscodeloc

  • 保加利亚语:Любомир Василев。
  • 克罗地亚语:Nikša Mihaica。
  • 丹麦语:Christoffer Bech。
  • 英语(英国):Matthew John Cheetham, Swotboy2000。
  • 芬兰语:Petri Niinimäki, Feetu Nyrhinen, Jussi Palo。
  • 法语:Antoine Griffard, Guillaume Bauer, Smrman。
  • 德语:Carsten Siemens, Carsten Kneip, Jonas Droste, Markus Hatvan, Christian Studer, Peter Schneider, Jonas Keller, thefreshman89。
  • 匈牙利语:Tar Dániel, Bence László。
  • 简体中文:Joel Yang, 子实 王, Wang Dongcheng, pluwen, DongWei, Henry Chu, aimin guo, Chris Pan 潘冬冬, 子昂 马。
  • 繁体中文:Duran Hsieh, Winnie Lin, Poy Chang, Alan Tsai。
  • 印度尼西亚语:Wildan Mubarok, G-RiNe Project。
  • 意大利语:Luca Bruni, Alessandro Alpi, Andrea Dottor, Emanuele Curati, Riccardo Cappello, Gianluca Acerbis, Emilie Rollandin, Marco Dal Pino, Luigi Bruno, Lorthirk, Aldo Donetti。
  • 日语:Shunya Tajima, Satoshi Kajiura, Yuichi Nukiyama, Hiroyuki Mori, yoshioms。
  • 韩语:Kyunghee Ko, PaulNara, smallsnail, Kwangjin Hwang。
  • 立陶宛语:Tomas Cimermonas。
  • 波兰语:Artur, hawkeye116477, Patryk Brejdak, Mateusz Gazdziak, Robert Skórski, Sebastian Baran。
  • 葡萄牙语(巴西):Roberto Fonseca, Bruno Sonnino, Marcelo Fernandes, Lucas Miranda, João Mesquita, Danilo Dantas, Rodrigo Crespi, Arthur Bruel, Thiago Moreira de Souza Arrais, Otacilio Saraiva Maia Neto, Loiane Groner, Fabio Correia。
  • 葡萄牙语(葡萄牙):Richard Nunes, Daniel Correia, Tiago Costa。
  • 罗马尼亚语:Bogdan Mateescu, Szauka。
  • 俄语:Roman Slauta, Ivan Kuzmenko。
  • 西班牙语:Alejandro Medina, José M. Aguilar, Roberto Fonseca, Javier Moreno, Andy Gonzalez, Alberto Poblacion, Nancy Todd, Antonio Sanmartín。
  • 泰卢固语:Hari Jujjavarapu, Sridhar L。