VS Code 1.39 发布,Web 版 VS Code 可能不远了

yumo6668个月前 (05-03)技术文章53

微软发布了 VS Code 1.39,该版本的一些关键亮点包括:

  • Text selections displayed in minimap - 缩略图中也会展示编辑区域被选择的代码块
  • Toggle region folding keyboard shortcut - 通过 Toggle Fold 键盘快捷键,可以快速展开或者收起 regions
  • Source Control tree view -可以通过列表或者树状图两种方式来展示被改变的文件
  • Open terminal in custom working directory - 可以通过快捷键来打开自定义工作目录的集成终端
  • HTML ARIA attribute reference links - HTML IntelliSense 中直接展示 ARIA 文档
  • CSS property completions include semicolons - CSS 补全会自动添加分号
  • CSS color variables preview - 补全颜色变量时展示颜色预览
  • Improved column breakpoint UI - 直接在源代码中展示 inline 的断点
  • Inline debug actions in CALL STACK view - CALL STACK 中直接进行调试
  • Remote Explorer updates - Remote Explorer 可以显示不同 WSL 的 Linux 发行版,并能轻松连接

改进的源代码管理界面

在此版本中,你可以使用 Toggle View Mode 按钮,在源代码管理标题栏上的列表模式和树视图模式之间切换。

此外,还可以快速地对文件进行 filter。

在显示文件夹的树视图模式中,Git 扩展现在向文件夹提供命令,例如 Stage Changes,这些命令将应用于文件夹中的所有文件。

可信任域名设置的改进

现在可以使用 Manage Trusted Domains 命令轻松添加、删除或修改受信任域名。

自动补全信息的可选择性

自动补全信息现在可以进行复制和粘贴操作。

缩略图展示

在编辑区域被选择的代码片段也会在缩略图中高亮显示。

自定义工作目录的集成终端

可以自定义一个快捷键,来打开自定义工作目录的集成终端。

{
 "key": "cmd+shift+h",
 "command": "workbench.action.terminal.newWithCwd",
 "args": {
 "cwd": "${fileDirname}"
 }
}

HTML ARIA 文档

HTML 的自动补全和 hover 信息中,会直接展示相应的 ARIA 文档。

CSS 分号自动补全

在输入 CSS 属性时,会自动添加分号。

CSS 颜色预览

完成 CSS 变量后,如果属于颜色代码,VS Code 将显示其对应的颜色。

column breakpoints 界面改进

对于 column breakpoints,将直接在源代码中展示 inline 的断点。

CALL STACK 中的 inline debug

当悬停到 CALL STACK 的某一行时,会在当前行显示相应的调试按钮,方便直接调试。

全新的 Octicons

其他特性及预览:

  • 支持 TypeScript 3.7-beta
  • 扩展终端 API,允许扩展对终端输入作出反应并控制其输出
  • 如果 webview 不使用 Webview.asWebviewURI 作为本地资源将会有警告
  • TreeView message API
  • 支持语言服务器协议 3.15.0 版本规范(Language Server Protocol)
  • 更新 Visual Studio Code 网站的图标和颜色
  • 全新的扩展 API 被提上议程:vscode.env.uiKind,为了在浏览器中运行 VS Code 做准备,这个 API 会有两种返回值:UIKind.Desktop 和 UIKind.Web ,能帮助插件了解到当前的运行环境是桌面环境还是浏览器环境

还有其他更多的更新内容,完整见发布说明:

https://code.visualstudio.com/updates/v1_39

参考:玩转 VS Code
https://zhuanlan.zhihu.com/p/85662322

原文链接:
https://www.oschina.net/news/110500/vs-code-1-39-released

相关文章

CSS常用十六进制颜色代码对照表(十六进制颜色代码原理)

我们在做网页时,经常会用到十六进制颜色代码,一个漂亮的网页,它的颜色搭配必定有讲究,下表是一些常用的颜色及十六进制颜色代码对照,记录在此,以便查阅!...

HTML 标签和属性值的基本格式(html标签及属性大全百度资源)

HTML: HyperText Markup Language 超文本标记语言HTML代码不区分大小写, 包括HTML标记、属性、属性值都不区分大小写;任何空格或回车键在代码中都无效,插入空格或回车有...

vb.net的颜色赋值代码(vb颜色表示代码)

有没有人跟我一样,对颜色的名称,除了常用的几种(如红色,白色,黄色,蓝色,绿色,黑色),就无法说出其它颜色的名称来。我解决这个问题的办法,我有一个图,上面都是Color结构已经定义的颜色的名称及对应颜...

HTML页面精简代码只需做好这5步(html页面精简代码只需做好这5步程序)

网站打开速度慢?网站加载图片慢?网站容易卡顿?身为站长和网站用户的你有没有遇到过这种情况?没错,这些都是网站页面体积惹的祸。解决办法是通过技术手段去掉臃肿杂乱的代码,减小网页文件大小,加快网页加载速度...

45个颜色网站,设计师必备指南(推介几个有颜色的网站)

颜色搭配不知所措?颜色参考找不到心仪网站?来!收下这份全面的色彩网址吧!配色是设计中非常重要的部分,好的配色不仅可以让我们的设计更加出彩,还能对用户产生情感影响,相信这些网站一定能对你们有所帮助~1....

Vue进阶(七十一):webpack实现一键动态切换主题色

前言项目中用了element-ui,有切换主题色的需求。但官方的方式,有几个问题:1、需要下载整个element-ui样式css,并替换其中的css样式颜色。文件较大,下载慢且影响性能。2、只能替换e...