今天(中原標準時間 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 還是主要用于測試目的。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiETPvN2X4dnJx0Te6FGbfh3dmUTPt9mcmh3dmAnYldXPwRnJn5Gc9QXbm9Fe39DM0YzLcdWNwJ1VWZmYpNWaQV3RntUd2x0SuJkcQZHMq5mQGB1bwIneURFOylVMqdHOnlXWjlmM1ZmUjlGWIF1YpFTRNVlejRmVHpHThF0R2hXTNlXYpZEbRh0RPlzQXRjWvw1ZuB3X6lmYt12Lc52YuMWawFnL6lmYt12Lc9CX6MHc0RHaiojIsJye.jpg)
編輯器分割的大小
通過 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”公衆号!