vscode web版搭建_VS Code 1.40 公布！可自行搭建 Web 版 VS Code！

民众号关注 “GitHubDaily”

设为 “星标”，带你领会手艺圈内新鲜事

北京时间 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，就能在http://localhost:8080/接见啦！

更多关于构建 VS Code 的信息，可以查看这篇孝敬指南。

https://github.com/microsoft/vscode/wiki/How-to-Contribute

需要注重的是，当前 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：

https://code.visualstudio.com/updates/v1_40

—

以上，即是今日分享，以为不错，还请点个在看，谢谢。

推荐阅读：

「GitHub 交流群」已开放

想入群的可在民众号后台回复「入群」