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

yumo6665个月前 (05-03)技术文章39

微软发布了 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常用十六进制颜色代码对照表(十六进制颜色代码原理)

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

CSS 颜色体系详解(css颜色有几种表示方式)

说到 CSS 颜色,相比大家都不会陌生,本文是我个人对 CSS 颜色体系的一个系统总结与学习,分享给大家。先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。接下来的行文内容大概会按照这个...

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

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

简单的一行代码,为网站开启深色模式

Darkmode.js 使用 CSS mix-blend-mode 将深色模式带入任何网站,只需将代码加入网页 </body> 之前即可,网页右下方将出现一个可切换浅色模式或深色模式的按钮...

Python可视化交互库——dash——设置颜色

模块 dash.html 包含所有 HTML 标签, 可以用其设置文本及背景颜色.模块 dash.dcc 包含交互的高级组件.代码import pandas as pd import plotly.e...

04大学生爱编程,学习HTML网页开发教程 做程序员大神

做全栈攻城狮-每日更新原创IT编程技术及日常实用视频。主要内容:这是HTML课程的第四课,主要讲解HTML的文字标签和格式标签。在今天我们做一个属于自己的简历。上节回顾在上一节中主要讲解了HTML的标...