VS Code 1.40 發佈！可自行搭建 Web 版 VS Code！

• 2019 年 11 月 8 日
• 筆記

今天（北京時間 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）。

比較空白字符

通過 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”公眾號！