VS Code 1.27 发布：全新设置UI，菜单，导航及其他功能

VSC 官方blog宣布 发布2018年8月版本 Visual Studio Code 1.27。版本在此版本带了了很多重要更新，主要亮点包括：

编辑器设置：用于发现，搜索和修改VS代码设置的全新编辑器设置UI。

自定义菜单栏：Windows和Linux上的完全可用标题和菜单栏。

Breadcrumbs（面包屑）导航栏：使用面包屑导航时突出显示符号。

新终端菜单：用于创建终端和管理任务的组合菜单。

指定平台键盘快捷键：在不同的操作系统之间共用keybindings.json文件中设置特定平台的配置。

CSS @import路径自动完成：在键入CSS，SCSS和Less时import路径建议。

JSON条件评估：支持"if"，"then"和"else"架构关键字。

内置的已加载脚本视图：已加载的脚本资源管理器现在可用于调试扩展。

工作台改进

编辑器设置

经过多个月开发，权限的编辑器设置GUI，在新版本为系统默认设置。

最新一项改进是通过将设置值描述（enumDescriptions）移动到自定义下拉控件来清理UI：

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

新版本可以对设置值自动验证设，有问题会在直接显示。

目录在搜索过程中仍然可见，并过滤以仅显示具有匹配项的类别。你可以单击某个类别将结果过滤为该类别下的设置。可以通过设置值

当你在设置中搜索时，基于Bing的搜索服务仍然可以提供它认为相关的结果。现在，该服务还将向你显示具有相关设置的扩展在设置搜索结果的底部有一个蓝色按钮，显示匹配的扩展名。单击时，将使用匹配的扩展名打开"扩展"视图。

跨平台的自定义标题栏和菜单

本版本中Windows和Linux上标题栏和菜单的外观和可用性多了很大改进改善：

整个产品中的可编辑标题栏，菜单栏和上下文菜单主题风格将保持一致。

菜单栏中更好的键盘导航。使用键盘在菜单之间切换更容易，并使用了菜单助记符。

较少侵入式的菜单栏。将"window.menuBarVisibility"设置为"toggle"时，新体验更紧凑，更和谐。

更好的可访问性。解决已经存在的了可访问性问题，以通过屏幕阅读器提高菜单可用性。

新版本在Windows上将这些新体验作为的默认体验，你可以通过设置"window.titleBarStyle" 为"custom"显示老的样式。

面包屑导航的改进

调整了新的面包屑导航栏，进行改进：

编辑器中突出显示了聚焦的文档符号。

运行焦点命令（Ctrl+Shift+;）时，会自动启用面包屑。

面包屑在主题方面的效果更好。

面包屑支持配置文件的排除配置。

新的终端菜单

"任务"菜单被重命名为"终端"，并添加了一些终端集成的子菜单。

特定平台的按键绑定

现在可以在keybinding的when子句中使用isLinux，isMac和isWindows为特定操作系统启用键盘快捷键：

{

"key": "ctrl+o",

"when": "!isMac"

},

{

"key": "cmd+o",

"when": "isMac"

}

这使得在不同的机器上共享keybindings.json配置时候，不会出现兼容问题。

打开窗口作为新的本机选项卡

从外部删除/重命名正在编辑的文件不会退出

鼠标中建单击可以在新编辑器中打开文件

现在可以在资源管理器视图中使用鼠标中键在新编辑器中打开文件，而不是在预览模式重复使用以前的编辑器。

编辑器改进

自动关闭和周围的字符

当键入某些括号，如{，[或（，取决于编程语言，默认情况下，当它们跟随通常无法启动表达式的特定字符时，它们将自动补全完成，例如;:.,=}])。可以使用editor.autoClosingBrackets设置自定义此行为。类似地，可以在使用editor.autoClosingQuotes对键入"，"或`之类的引号时自定义自动补全完成行为。

选择文本并键入其中一个字符后，选择将用括号或引号括起来。可以通过新的editor.autoSurround设置。

语言方便改进

CSS导入的路径完成

新版本支持对CSS，SCSS和Less @import的路径补全。也支持SCSS部分@import。

跳转到CSS链接的定义

现在支持点击跳转到CSS，SCSS和Less中的@import和url()定义的链接。

JSON

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

增加了if，then，else等关键字，以允许条件判断。

{

"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版。

TypeScript 3.0.3

TS语言升级为TypeScript 3.0.3。该版本修复了许多错误并提高了稳定性。

调试器改进

Loaded Scripts视图现在可以重用

新版本中，添加Loaded Scripts视图作为内置调试器功能。所有具有"脚本"概念的调试扩展都将能够支持在动态更新的视图中访问其脚本。

Loaded Scripts Explorer也做了改进：

单子文件夹的链现在折叠为单个节点。更便于深入查看深层但稀疏的文件夹层次结构。

中键单击删除断点

现在可以在断点视图中使用鼠标中键轻松删除断点。

"openDebug"的默认值更改为在每个会话开始时打开

对于新用户，启动调试会话时有时可能会造成混淆，并且调试视图不会每次都自动打开。如果用户还不熟悉UI，则他们不知道要打开UI时要查找的关键字。为避免混淆，新版本将debug.openDebug的默认值更改为openOnSessionStart，以便在每个会话启动时打开调试视图。

新建扩展

扩展日志

作为activate函数的参数的ExtensionContext新加属性logPath。用于扩展存储日志文件的目录的绝对文件路径。该路径对于扩展是唯一的，不会被其他扩展重用。

语言服务器协议

可以使用新版本的语言服务器协议，其中包括用于VS代码的相应节点模块。

新版本支持：

Code Action从服务器发布通知，允许客户端填充相应的菜单条目。

textDocument/prepareRename的实现。

支持工作区编辑中的文件操作（创建，重命名和删除）。

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

以前，在使用vscode-languageclient构建Language Server扩展时，可以指定[langId].trace.server将LSP日志发送到VS Code输出。

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

"format": "json", // or "text"

"verbosity": "verbose" // or "off" | "message"

}

这开辟了有趣的用例，例如将LSP LSP日志传输到LSP Inspector：

调试扩展：内置加载脚本视图

Loaded Scripts Explorer现在是VS Code调试器的内置组件。为了使用它，调试器扩展需要以下列方式更改其调试适配器：

添加supportsLoadedSourcesRequest功能，其值为true，表示从初始化请求返回的功能。

通过返回当前加载的源集来实现loadedSources请求。

为新加载或卸载的源发送loadedSource事件。

新的主题颜色

面包屑导航栏支持：

breadcrumb.background：背景颜色项目。

编辑器设置主题颜色：

settings.dropdownListBorder：新下拉控件的边框颜色。

settings.modifiedItemIndicator：指示修改设置的行的颜色。

欢迎关注虫虫，本号将持续提供业界最新，最实用IT技术文章。