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

yumo6666个月前 (05-03)技术文章46

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

相关文章

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

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

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

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

一招搞定!用DeepSeek快速将设计图转为HTML代码(附详细教程)

很多运营和小白都遇到过这样的困扰:拿到设计图后手动编写HTML/CSS代码耗时费力。今天教你用AI工具DeepSeek实现" 图片秒变网页 ",效率提升10倍!一、准备工作1. 注册D...

什么是 RGB 颜色?(什么是rgb值)

#挑战30天在头条写日记#如果您曾经听过一个人提到RGB并想知道他们在说什么,那么他们很可能在谈论颜色。RGB代表红色,绿色和蓝色,这是我们今天使用的任何交互式技术必不可少的三个组成部分。Werner...