玩转VS Code
首发于玩转VS Code
VS Code 1.40 发布!可自行搭建 Web 版 VS Code!

VS Code 1.40 发布!可自行搭建 Web 版 VS Code!

今天(北京时间 2019 年 11 月 8 日),微软发布了 Visual Studio Code 1.40 版本。让我们来看看有哪些主要的更新。

自建 Web 版 VS Code

前不久,微软正式发布了 Visual Studio Online,包含微软托管的 Web 版 VS Code。如今,开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。

如果你已经下载并且构建了 VS Code 在 GitHub 上的源代码,只需运行 yarn web,就能在 localhost:8080/ 访问啦!如果之前没有在本地构建过,需要在本地先构建 VS Code,然后再运行 yarn web。

更多关于构建 VS Code 的信息,可以查看这篇贡献指南。需要注意的是,当前 Web 版本的 VS Code 还是主要用于测试目的。

编辑器分割的大小

通过 workbench.editor.splitSizing 可以控制新分割的大小。默认情况下,所有的编辑器是均分的。

当把 workbench.editor.splitSizing 设置为 split 时,只有当前编辑器会被分割,其余的编辑器不受影响。

可定制的窗口边框

新增了 window.activeBorder 和 window.inactiveBorder 两个主题颜色。

  • window.activeBorder:设置窗口有焦点时候的边框颜色
  • window.inactiveBorder:设置窗口失去焦点时候的边框颜色

面包屑导航(breadcrumbs)的类型过滤器

新增了多个设置 outline.showVariables、outline.showFunctions 等等以及 breadcrumbs.showVariables

如上图所示,breadcrumbs.showVariables 被设置为 false,相应的 hidden 变量不会在面包屑导航(breadcrumbs)中显示。

根据语言设置行尾字符

可以根据不同的语言来设置行尾字符(files.eol)。

"[mylanguage]": {
   "files.eol": "\n"
}

比较空白字符

通过 Show/Ignore Trim Trailing Whitespace Difference, 可以设置是否比较空白字符。

Git:自动的 commit message

如果 VS Code 检测到当前是一个 merge 的 commit,则会自动补全 commit message。

Git: Reveal in Explorer

在 Git 的文件管理器的右键菜单中,新增了 Reveal in Explorer 选项。

概述标尺显示断点

通过设置 debug.showBreakpointsInOverviewRuler,可以在右侧的概述标尺中显示断点。

CSS media query 符号

在 CSS/SCSS/Less 文件中,media query 符号会在 Outline 和 Breadcrumb 显示。


更多完整内容,请查看 VS Code 官网的 Release Notes:code.visualstudio.com/u

更多最新的 VS Code 热门文章、使用技巧、插件推荐、插件开发攻略等,请关注“玩转VS Code”公众号!

“玩转VS Code”微信公众号二维码
VS Code 从入门到进阶www.zhihu.com图标

编辑于 2019-11-08

文章被以下专栏收录

    Visual Studio Code的最新资讯,热门文章,使用技巧,插件推荐,插件开发攻略等,全部都可以在这里找到。带你玩转VSCode!公众号“玩转VS Code”