百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

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

yuyutoo 2024-10-12 01:25 1 浏览 0 评论

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,在新版本为系统默认设置。

可以使用命令"打开设置"(JSON)或使用"workbench.settings.editor"设置更改默认设置编辑器来访问JSON设置编辑器。

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

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

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

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

"workbench.settings.settingsSearchTocBehavior"为"hidden" 隐藏搜索期间目录显示。

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

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

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

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

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

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

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

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

面包屑导航的改进

调整了新的面包屑导航栏,进行改进:

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

运行焦点命令(Ctrl+Shift+;)时,会自动启用面包屑。

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

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

新的终端菜单

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

特定平台的按键绑定

现在可以在keybinding的when子句中使用isLinux,isMacisWindows为特定操作系统启用键盘快捷键:

{

"key": "ctrl+o",

"command": "workbench.action.files.openFolder",

"when": "!isMac"

},

{

"key": "cmd+o",

"command": "workbench.action.files.openFolder",

"when": "isMac"

}

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

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

新的macOS-only命令workbench.action.newWindowTab将窗口打开为新的本机选项卡。 newWindowTab没有默认的键绑定,需要启用设置window.nativeTabs

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

workbench.editor.closeOnFileDelete设置的默认值从true更改为false。这意味着在VS代码之外(或通过其他程序,如Git或来自集成终端的命令)删除或重命名的文件将不再关闭作为编辑器选项卡打开的文件。只会指示它已从磁盘中删除,你只需保存该文件就能将其还原。

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

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

编辑器改进

自动关闭和周围的字符

当键入某些括号,如{[,取决于编程语言,默认情况下,当它们跟随通常无法启动表达式的特定字符时,它们将自动补全完成,例如;:.,=}]) 。可以使用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版。

"html.format.wrapAttributes"设置添加了一个新选项:aligned-multiple将在达到最大行长度时自动断行的属性,并将所有新起行与第一个属性对齐。

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格式输出日志记录信息:

"languageServerExample.trace.server": {

"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技术文章。

相关推荐

jQuery VS AngularJS 你更钟爱哪个?

在这一次的Web开发教程中,我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题,即jQuery和AngularJS之间的区别是什么?也就是说jQueryVSAngularJS?...

Jquery实时校验,指定长度的「负小数」,小数位未满末尾补0

在可以输入【负小数】的输入框获取到焦点时,移除千位分隔符,在输入数据时,实时校验输入内容是否正确,失去焦点后,添加千位分隔符格式化数字。同时小数位未满时末尾补0。HTML代码...

如何在pbootCMS前台调用自定义表单?pbootCMS自定义调用代码示例

要在pbootCMS前台调用自定义表单,您需要在后台创建表单并为其添加字段,然后在前台模板文件中添加相关代码,如提交按钮和表单验证代码。您还可以自定义表单数据的存储位置、添加文件上传字段、日期选择器、...

编程技巧:Jquery实时验证,指定长度的「负小数」

为了保障【负小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【负小数】的方法。HTML代码<inputtype="text"class="forc...

一篇文章带你用jquery mobile设计颜色拾取器

【一、项目背景】现实生活中,我们经常会遇到配色的问题,这个时候去百度一下RGB表。而RGB表只提供相对于的颜色的RGB值而没有可以验证的模块。我们可以通过jquerymobile去设计颜色的拾取器...

编程技巧:Jquery实时验证,指定长度的「正小数」

为了保障【正小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【正小数】的方法。HTML做成方法<inputtype="text"class="fo...

jquery.validate检查数组全部验证

问题:html中有多个name[],每个参数都要进行验证是否为空,这个时候直接用required:true话,不能全部验证,只要这个数组中有一个有值就可以通过的。解决方法使用addmethod...

Vue进阶(幺叁肆):npm查看包版本信息

第一种方式npmviewjqueryversions这种方式可以查看npm服务器上所有的...

layui中使用lay-verify进行条件校验

一、layui的校验很简单,主要有以下步骤:1.在form表单内加上class="layui-form"2.在提交按钮上加上lay-submit3.在想要校验的标签,加上lay-...

jQuery是什么?如何使用? jquery是什么功能组件

jQuery于2006年1月由JohnResig在BarCampNYC首次发布。它目前由TimmyWilson领导,并由一组开发人员维护。jQuery是一个JavaScript库,它简化了客户...

django框架的表单form的理解和用法-9

表单呈现...

jquery对上传文件的检测判断 jquery实现文件上传

总体思路:在前端使用jquery对上传文件做部分初步的判断,验证通过的文件利用ajaxFileUpload上传到服务器端,并将文件的存储路径保存到数据库。<asp:FileUploadI...

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能。开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/R...

大数据开发基础之JAVA jquery 大数据java实战

上一篇我们讲解了JAVAscript的基础知识、特点及基本语法以及组成及基本用途,本期就给大家带来了JAVAweb的第二个知识点jquery,大数据开发基础之JAVAjquery,这是本篇文章的主要...

推荐四个开源的jQuery可视化表单设计器

jquery开源在线表单拖拉设计器formBuilder(推荐)jQueryformBuilder是一个开源的WEB在线html表单设计器,开发人员可以通过拖拉实现一个可视化的表单。支持表单常用控件...

取消回复欢迎 发表评论: