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，就能在 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 熱門文章、使用技巧、插件推薦、插件開發攻略等，請關注「玩轉VS Code」公衆號！