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

yumo66623小时前技术文章3

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

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

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

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

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

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

PC网站建设必备代码知识:HTML基础与应用技巧

在PC网站建设的相关课程里,代码扮演着至关重要的角色。只有熟练运用正确的代码,我们才能打造出功能完善、用户体验出色的PC网站。接下来,我会详细讲解在PC网站建设环节中必须了解的代码知识。HTML基础代...

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

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

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

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