天天看點

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 還是主要用于測試目的。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

編輯器分割的大小

通過 workbench.editor.splitSizing 可以控制新分割的大小。預設情況下,所有的編輯器是均分的。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

當把 workbench.editor.splitSizing 設定為 split 時,隻有目前編輯器會被分割,其餘的編輯器不受影響。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

可定制的視窗邊框

新增了 window.activeBorder 和 window.inactiveBorder 兩個主題顔色。

window.activeBorder:設定視窗有焦點時候的邊框顔色

window.inactiveBorder:設定視窗失去焦點時候的邊框顔色

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

面包屑導航(breadcrumbs)的類型過濾器

新增了多個設定:

outline.showVariables、outline.showFunctions 等等,以及 breadcrumbs.showVariables。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

如上圖所示,breadcrumbs.showVariables 被設定為 false,相應的 hidden 變量不會在面包屑導航(breadcrumbs)中顯示。

根據語言設定行尾字元

可以根據不同的語言來設定行尾字元(files.eol)。

"[mylanguage]": {

"files.eol": "\n"

}

比較空白字元

通過 Show/Ignore Trim Trailing Whitespace Difference, 可以設定是否比較空白字元。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

Git:自動的 commit message

如果 VS Code 檢測到目前是一個 merge 的 commit,則會自動補全 commit message。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

Git: Reveal in Explorer

在 Git 的檔案管理器的右鍵菜單中,新增了 Reveal in Explorer 選項。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

概述标尺顯示斷點

通過設定 debug.showBreakpointsInOverviewRuler,可以在右側的概述标尺中顯示斷點。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

CSS media query 符号

在 CSS/SCSS/Less 檔案中,media query 符号會在 Outline 和 Breadcrumb 顯示。

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

更多完整内容,請檢視 VS Code 官網的 Release Notes:

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

更多最新的 VS Code 熱門文章、使用技巧、插件推薦、插件開發攻略等,請關注“玩轉VS Code”公衆号!

VS Code 1.40 釋出!可自行搭建 Web 版 VS Code!

繼續閱讀