今天（北京時間 2019 年 11 月 8 日），微軟發布了 Visual Studio Code 1.40 版本。讓我們來看看有哪些主要的更新。

自建 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

◆?◆?◆?◆?◆

推薦閱讀：

總結

以上是生活随笔為你收集整理的VS Code 1.40 发布！可自行搭建 Web 版 VS Code！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。