此次發(fā)布的VS Code 版本為1.45，主要更新如下：

可訪問(wèn)性改進(jìn)：聚焦命令導(dǎo)航工作臺(tái)，狀態(tài)欄可訪問(wèn)性。通過(guò)鼠標(biāo)滾輪切換編輯器選項(xiàng)卡；更快的語(yǔ)法高亮顯示 ：編程語(yǔ)言的著色速度提高了3倍；用戶可自定義語(yǔ)義顏色；支持GitHub認(rèn)證；為GitHub Issue和User 提供內(nèi)聯(lián)管理；遠(yuǎn)程開(kāi)發(fā)，容器配置建議，支持WSL 2；

以下便是詳細(xì)內(nèi)容：

工作臺(tái)

使用鼠標(biāo)滾輪切換選項(xiàng)卡

在設(shè)置中新增了一項(xiàng)設(shè)置：workbench.editor.rollToSwitchTabs，開(kāi)啟后，便可以通過(guò)鼠標(biāo)滾輪切換編輯器中打開(kāi)的選項(xiàng)卡；

當(dāng)你把鼠標(biāo)焦點(diǎn)移動(dòng)到編輯器標(biāo)簽頁(yè)所在的區(qū)域，并開(kāi)始滾動(dòng)鼠標(biāo)滾輪時(shí)，打開(kāi)的標(biāo)簽頁(yè)便會(huì)切換到編輯器中打開(kāi)的其他的選項(xiàng)卡，詳情如下：

在鼠標(biāo)滾輪滾動(dòng)的同時(shí)，按下shift鍵，選項(xiàng)卡就會(huì)向相反的方向切換。

自定義窗口標(biāo)題分隔符

默認(rèn)情況下，使用"-"作為窗口標(biāo)題中使用的分隔符，現(xiàn)在，設(shè)置中的新設(shè)置項(xiàng)：window.titleSeparator，可用于修改窗口標(biāo)題中使用的分隔符；

在圖中，紅線標(biāo)注的便是窗口標(biāo)題中使用的分隔符。

修改了側(cè)欄標(biāo)題的默認(rèn)主題

為默認(rèn)的深色和淺色主題更新了側(cè)欄部分標(biāo)題的樣式，在使用透明背景時(shí)，并為每個(gè)標(biāo)題顯示一個(gè)邊框：

在上圖中，除了OPEN EDITORS欄目沒(méi)有邊框外，其余的幾個(gè)欄目都有一個(gè)明顯的邊框。

編輯器

語(yǔ)法高亮顯示

此版本便編寫(xiě)了一個(gè)專門的 Web Assembly綁定，為TextMate解釋器的使用做了大量的優(yōu)化，采用了幾個(gè)月前剛剛添加到oniguruma的新API；在高亮顯示常規(guī)編程文件方面的性能提高了3倍。

自定義語(yǔ)義主題規(guī)則

在設(shè)置中的editor.semanticTokenColorCustomizations屬性可以在用戶設(shè)置中自定義語(yǔ)義主題規(guī)則，語(yǔ)義著色適用于TypeScript和JavaScript，對(duì)Java和C++的支持正在開(kāi)發(fā)中；它默認(rèn)為內(nèi)置主題啟用，并被主題擴(kuò)展所采用。

上面的設(shè)置更改了默認(rèn)Dark +主題；它為參數(shù)（斜體和新顏色）賦予了新的樣式，并在默認(rèn)庫(kù)中為所有符號(hào)（例如Promise，Map及其屬性）加了下劃線：

Default Dark +主題中常量的新顏色

Default Dark+和Default Light+主題的顏色常量與可寫(xiě)變量的陰影不同，下面就是一個(gè)例子：

Default Dark+ theme：

Default Light+ theme：

禁用永久性撤消

設(shè)置項(xiàng)中的：files.restoreUndoStack，用于禁用持久性撤消。在關(guān)閉文件并重新打開(kāi)文件時(shí)持久保留的“撤消/重做”堆棧，可以通過(guò)files.restoreUndoStack禁用該功能。

Integrated Terminal

刪除了幾個(gè)與提示符相關(guān)的命令：

workbench.action.terminal.deleteWordLeftworkbench.action.terminal.deleteWordRightworkbench.action.terminal.deleteToLineStartworkbench.action.terminal.moveToLineStartworkbench.action.terminal.moveToLineEnd

它們已經(jīng)被替換成了workbench.action.terminal.sendSequence命令的自定義鍵綁定，該命令以通用的方式做同樣的事情。

支持在PowerShell中粘貼多行文字

在workbench.action.terminal.sendSequence命令中有一個(gè)新的鍵綁定只適用于Windows，這個(gè)新的鍵綁定支持將Ctrl+V的文本直接發(fā)送到PowerShell，并由PSReadLine接收并正確處理：

使用這個(gè)新的鍵綁定之前和使用之后有著明顯的差別：

定義雙擊分隔符

設(shè)置項(xiàng)中terminal.integrated.wordSeparators設(shè)置可允許自定義在終端中雙擊時(shí)用于分隔單詞的分隔符，默認(rèn)情況下，該分隔符為：

Debugging

自動(dòng)debug配置

上圖便是新的JavaScript調(diào)試器預(yù)覽和Mock Debug，該自動(dòng)調(diào)試可以通過(guò)在快速打開(kāi)（Ctrl+P）中輸入'debug'（帶空格）或觸發(fā)Debug.Debug.Debug Quick Pick命令打開(kāi)，選擇并開(kāi)始調(diào)試命令。debug的UI界面將在下一版本中提供。

Task

禁用更快的快速選擇

設(shè)置項(xiàng)中的task.quickOpen.showAll可用于設(shè)置禁用快速選擇器，用以換回之前版本的快速選擇器UI，因?yàn)樵?code>1.44版本中，運(yùn)行任務(wù)時(shí)顯示的任務(wù)選擇器被做了一些修改。

運(yùn)行保存

設(shè)置項(xiàng)中的task.saveBeforeRun可用于配置運(yùn)行保存，用以避免在運(yùn)行前保存編輯器。

Languages

TypeScript狀態(tài)欄條目

VS Code在狀態(tài)欄中顯示當(dāng)前的TypeScript版本：

單擊TypeScript版本會(huì)彈出適用于當(dāng)前TypeScript項(xiàng)目的命令：

提示用戶切換到TypeScript的工作區(qū)版本

設(shè)置項(xiàng)：typescript.enablePromptUseWorkspaceTsdk，設(shè)置為true后會(huì)有一個(gè)提示，詢問(wèn)用戶是否要切換到工作區(qū)版本的 TypeScript；

Markdown鏈接到文件夾

Markdown文件中的編輯器鏈接和Markdown預(yù)覽中的鏈接現(xiàn)在可以指向文件夾，點(diǎn)擊這些鏈接中的一個(gè)，就可以在VS Code的文件資源管理器中顯示目標(biāo)文件夾。

Source Control

針對(duì)GitHub倉(cāng)庫(kù)的GitHub認(rèn)證

VS Code現(xiàn)在可以自動(dòng)對(duì)GitHub倉(cāng)庫(kù)進(jìn)行GitHub認(rèn)證，你現(xiàn)在可以克隆、拉取、推送代碼到Github倉(cāng)庫(kù)，而無(wú)需在系統(tǒng)中配置任何證書(shū)管理器。即使是在集成終端中調(diào)用的Git命令，例如git push，現(xiàn)在也會(huì)自動(dòng)對(duì)GitHub賬戶進(jìn)行身份驗(yàn)證。

也可以通過(guò)設(shè)置項(xiàng)：git.githubAuthentication來(lái)禁用 GitHub 認(rèn)證，可以通過(guò)設(shè)置項(xiàng)：git.terminalAuthentication 來(lái)禁用集成終端驗(yàn)證。

隱藏Git提交輸入框

設(shè)置項(xiàng)：git.showCommitInput 可以隱藏 Git 代碼倉(cāng)庫(kù)的提交輸入框。

內(nèi)聯(lián)差異可編輯

當(dāng)預(yù)覽文件中的發(fā)生更改時(shí)，可以在快速差異編輯器中進(jìn)行編輯。

JavaScript調(diào)試器

可以從VS Code stable中的Marketplace安裝這個(gè)新的JavaScript調(diào)試器，然后通過(guò)設(shè)置項(xiàng)： debug.javascript.usePreview 來(lái)啟用這個(gè)新的JavaScript調(diào)試器。

自動(dòng)附加集成

設(shè)置項(xiàng)：debug.javascript.usePreview，用于打開(kāi)自動(dòng)附加集成，該功能將使用js-debug提供的新方法，該方法允許所有終端的工作方式像Debug Terminal一樣。

對(duì)現(xiàn)有調(diào)試器的自動(dòng)附加的改進(jìn)如下：

立即連接調(diào)試器，使在程序的早期達(dá)到斷點(diǎn)；子進(jìn)程將自動(dòng)調(diào)試；自動(dòng)附加期間沒(méi)有過(guò)程輪詢開(kāi)銷；

從變量視圖中復(fù)制混合值

在之前的版本中，會(huì)嘗試從VS Code Variables視圖復(fù)制混合、復(fù)雜的值（如對(duì)象），這樣通常會(huì)導(dǎo)致數(shù)據(jù)被截?cái)嗷虿煌暾?，?code>VS Code和js-debug中的更改讓我們能夠復(fù)制完整的值：

圖標(biāo)主題

Visual Studio Code包含一組內(nèi)置圖標(biāo)，這些圖標(biāo)在視圖和編輯器中使用，也可以在懸停器，狀態(tài)欄和擴(kuò)展名中使用。 這些圖標(biāo)包含在Codicon圖標(biāo)字體中，用于默認(rèn)的產(chǎn)品圖標(biāo)主題。

在所有打開(kāi)的項(xiàng)目中搜索TypeScript/JavaScript符號(hào)

當(dāng)使用TypeScript 3.9+時(shí)，VS Code的全局符號(hào)搜索默認(rèn)搜索所有打開(kāi)的JavaScript和TypeScript項(xiàng)目的，之前的版本默認(rèn)搜索當(dāng)前項(xiàng)目；因?yàn)榇隧?xiàng)功能為默認(rèn)選項(xiàng)，所以如果想要恢復(fù)之前版本的操作，可通過(guò)設(shè)置項(xiàng)："typescript.workspaceSymbols.scope": "currentProject"來(lái)完成。

改進(jìn)了終端中的鏈接顯示

對(duì)終端中的鏈接支持做了一次大修改，終端中的鏈接功能更加強(qiáng)大：

能夠更好的進(jìn)行web和file:// 鏈接檢測(cè)；支持文件夾鏈接，可以在資源管理器中打開(kāi)文件夾，也可以打開(kāi)一個(gè)新的VS Code窗口；針對(duì)不同類型的鏈接類型有不同的鏈接操作，從鏈接回退到搜索工作空間的鏈接的“字符”可通過(guò)設(shè)置項(xiàng)：terminal.integrated.wordSeparators來(lái)設(shè)置；類似于編輯器中代碼高亮的鏈接顯示；

動(dòng)態(tài)顯示icon和標(biāo)題

允許在工作臺(tái)上移動(dòng)視圖時(shí)在活動(dòng)欄或面板中的新選項(xiàng)卡上創(chuàng)建新圖標(biāo)，當(dāng)創(chuàng)建一個(gè)自定義容器時(shí)，將會(huì)使用第一個(gè)可見(jiàn)的視圖的標(biāo)題和圖標(biāo)作為容器的標(biāo)題和圖標(biāo)，并允許通過(guò)重新排列視圖來(lái)改變它。下面的圖中：當(dāng)一個(gè)新的視圖被放置在視圖容器的頂部時(shí)，它的圖標(biāo)和標(biāo)題會(huì)被更新。

然后可以移動(dòng)自定義容器及其所有包含的視圖，在下面的圖中顯示了將終端和輸出視圖組合后拖入活動(dòng)欄中：

擴(kuò)展貢獻(xiàn)

遠(yuǎn)程開(kāi)發(fā)

繼續(xù)遠(yuǎn)程開(kāi)發(fā)的擴(kuò)展開(kāi)發(fā)，以允許你使用容器、遠(yuǎn)程計(jì)算機(jī)或WSL作為一個(gè)全功能的開(kāi)發(fā)環(huán)境；在此版本中有不少亮點(diǎn)：

提供容器配置教程；提供對(duì)WSL2 Docker和Podman引擎的支持；為本地和容器文件夾提供新的 devcontainer.json 變量；GitHub Pull Requests and Issues

在之前的版本中，可在VSCode中執(zhí)行GitHub Pull Request，在此版本中，不僅支持Pull Request，還支持Issues；

Issue的支持包括：

對(duì)#-referenced issues 和 @-mentioned users（提及的用戶）提供懸停支持；列出issue和用戶的內(nèi)聯(lián)建議；自定義查詢issue；可以從issue直接開(kāi)始處理問(wèn)題，并創(chuàng)建一個(gè)分支，然后自動(dòng)填寫(xiě)commit message；

此外，還提供了對(duì)代碼倉(cāng)庫(kù)的支持：

從遠(yuǎn)程代碼倉(cāng)庫(kù)克隆源代碼；提交一個(gè)新版本到Github；

下面的圖中演示了在GitHub上發(fā)布到一個(gè)新的私有倉(cāng)庫(kù)，上傳成功后，就可以直接GitHub上瀏覽代碼倉(cāng)庫(kù)：

GitHub Issue Notebooks

提供了GitHub Issue Notebooks擴(kuò)展，用以管理issue和pull request搜索，并對(duì)管理進(jìn)行內(nèi)聯(lián)渲染；

debug/callstack/context菜單內(nèi)聯(lián)組

支持對(duì)debug / callstack / context菜單內(nèi)聯(lián)組的貢獻(xiàn)，當(dāng)用戶將鼠標(biāo)懸停在Debug Session元素上時(shí)，將在調(diào)用堆棧中內(nèi)嵌呈現(xiàn)給該組的命令。

自定義的編輯器二進(jìn)制API

重新實(shí)現(xiàn)了二進(jìn)制自定義編輯器的擬議API，并自定義編輯器擴(kuò)展到二進(jìn)制文件格式，然后就可以在編輯器中打開(kāi)二進(jìn)制文件了，比如：圖片、十六進(jìn)制轉(zhuǎn)儲(chǔ)等：

輔助功能引入了聚焦上一部分（F6）和聚焦下一部分（Shift + F6）的快捷鍵操作，可以在編輯器工作臺(tái)導(dǎo)航之間快速切換；當(dāng)鼠標(biāo)焦點(diǎn)移動(dòng)到狀態(tài)工具欄時(shí)，屏幕閱讀器可以讀取焦點(diǎn)對(duì)準(zhǔn)的內(nèi)容；在編輯器的工作臺(tái)中的的每個(gè)列表和樹(shù)形工具中引入了ARIA標(biāo)簽，可以打開(kāi)編輯器、面包屑、問(wèn)題視圖等；

此次發(fā)布的VSCode 1.45亮點(diǎn)眾多，也有不少的改進(jìn)，VSCode越來(lái)越好了，也越來(lái)越受更多開(kāi)發(fā)者的青睞，如果有感興趣的小伙伴，不妨可以下載嘗試一番。

此外，VSCode還提供了豐富的擴(kuò)展API和調(diào)用文檔，開(kāi)發(fā)者們除了可以作為VSCode的使用者外，也還可以作為開(kāi)發(fā)者，利用官方提供的擴(kuò)展API，開(kāi)發(fā)出基于VSCode運(yùn)行的插件，拓展出自己想要的功能，除了給自己用，可以開(kāi)源出來(lái)給更多的開(kāi)發(fā)者使用。

完結(jié)，老夫雖不正經(jīng)，但老夫一身的才華！

總結(jié)

到此這篇關(guān)于VS Code 1.45發(fā)布，更好的編碼體驗(yàn)，更好的Github集成，JS調(diào)試器，終端改進(jìn)，滾動(dòng)切換的文章就介紹到這了,更多相關(guān)VS Code 1.45發(fā)布內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論