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

yumo6662个月前 (05-03)技术文章12

微软发布了 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

相关文章

生成引人注目色彩的小型Javascript脚本——randomColor

介绍randomColor是一个生成随机颜色的JavaScript脚本,对于写代码的我们来说,生成一个随机颜色或许并不复杂,但是想要生成一个比较吸引人的随机颜色可能是需要花费一番功夫的,但如果已经有人...

html开发笔记08- 字体样式与颜色(标签的属性)

一、标签的分类:双标签和单标签双标签:就是成对出现的,类似于这种 <html> </html>单标签:就是可以单个使用的,类似于 <br> 换行标签 或 <h...

教你如何用CSS修改图片颜色(css改变背景图片颜色)

看到题目是不是吓了一跳?css竟然还有这个操作?还真是第一次听说~原理嘛,其实很简单的,用到的就是 CSS3 滤镜filter中的drop-shadow,该滤镜可以给图片非透明区域添加投影。你可以理解...

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

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

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

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

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

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