🚀 在 VS Code 中！

2022 年 8 月 (版本 1.71)

更新 1.71.1：此更新解決了此安全性問題。

更新 1.71.2：此更新解決了這些問題。

下載：Windows: x64 Arm64 | Mac: 通用 Intel Silicon | Linux: deb rpm tarball Arm snap

歡迎來到 Visual Studio Code 2022 年 8 月發行版本。八月是 VS Code 許多工程師休假的時候，但此版本仍有許多更新，我們希望您會喜歡

如果您想在線上閱讀這些發行說明，請前往 更新，網址為 code.visualstudio.com。

Insiders： 想盡快試用新功能嗎？您可以下載每晚的 Insiders 組建，並在最新更新可用時立即試用。

工作台

合併編輯器改進

從具有衝突的檔案開啟合併編輯器

現在，具有衝突的檔案會自動顯示「在合併編輯器中開啟」按鈕，以便在文字和合併編輯器之間轉換。

開啟時未修改的合併編輯器檔案

VS Code 不再於合併編輯器中開啟結果檔案時修改該檔案 (衝突區域已取代為基底)。相反地，衝突標記會保留在檔案中，但在結果檢視中會隱藏。核取方塊可用於將衝突標記取代為任一側、兩側的組合，或取消核取它們以取代為基底。

還原舊的衝突裝飾項目

舊的內嵌衝突裝飾項目不再停用，因此合併編輯器和內嵌體驗可以一起使用。當合併編輯器開啟時，您可以按一下編輯器工具列中的單一按鈕，即可取得先前的體驗

按一下原始碼控制檢視中檔案名稱旁邊的相同圖示，您可以完全略過合併編輯器。

但是，您可以隨時在新舊體驗之間切換，甚至可以平行使用它們

核取方塊改進

我們現在確保衝突的核取方塊始終可見，即使衝突大於檢視區也一樣。色彩用於強調未處理衝突的核取方塊。

差異演算法改進

我們開始探索替代的差異演算法，以提高衝突的品質。可以使用下列設定啟用新的實驗性差異演算法

"mergeEditor.diffAlgorithm": "experimental",

此新演算法尚未針對效能進行最佳化，但改善了許多邊緣案例的合併編輯器體驗。

展望未來

在此版本中，我們專注於合併編輯器最重要 UX 問題，並修正了許多錯誤。如果您仍然對新的合併編輯器感到困惑，我們很樂意聽取您的意見！請在我們的存放庫中建立新問題，分享螢幕擷取畫面和您的合併編輯器狀態 (使用「將合併編輯器狀態複製為 JSON」命令)。我們非常感謝到目前為止收到的所有意見反應，更多意見反應將協助我們讓所有人的合併編輯器體驗都很棒。

我們未來的重點將放在個別基底檢視、衝突最小化、差異演算法精進，以及其他改進。

FFmpeg 轉碼器支援

隨附於 VS Code 的 FFmpeg 共用程式庫先前僅支援 FLAC 轉碼器。在此版本中，程式庫已更新為支援下列轉碼器和容器清單。這將允許從筆記本或由將音訊和視訊內嵌到網頁檢視中的擴充功能播放更多音訊和視訊檔案。

  • Vorbis
  • Flac
  • H.264
  • VP8
  • WAV
  • MP3
  • Ogg

佈景主題：fairyfloss (在 vscode.dev 上預覽)

檔案總管重新命名選取範圍改進

在檔案上起始重新命名動作後，按下 F2 鍵將會在檔案名稱、完整選取範圍和副檔名之間循環，以允許更彈性的僅限鍵盤互動。

圓角按鈕

我們已更新所有按鈕，使其具有輕微的圓角，以更符合我們的設計美學。

An example of a button with rounded corners

佈景主題：Material Theme Palenight High Contrast

Windows 上的視窗控制項覆疊

在 1.68 版中，VS Code 從 Electron 採用了 視窗控制項覆疊 功能支援，並將其置於實驗性旗標之後，且預設為關閉。我們已解決此功能影響 VS Code 的其餘問題，讓我們能夠預設為 Windows 上的所有使用者啟用它。

視窗控制項覆疊功能可讓 Windows 11 上的 VS Code 使用者選取貼齊版面配置，以將 VS Code 放置在其桌面上。

Windows Snap Layouts control in the right of the VS Code title bar

樹狀檢視展開模式

設定工作台 > 樹狀結構：展開模式 (workbench.tree.expandMode) 會控制樹狀結構節點是以單次按一下或按兩下展開，現在擴充功能貢獻的樹狀檢視將會遵守此設定。

編輯器

黏性捲動

黏性捲動會在檢視區頂端顯示目前範圍。此功能不再是實驗性功能，可以透過設定 editor.stickyScroll.enabled 啟用。進一步的改進包括

  • 可以使用編輯器 > 黏性捲動：最大行數 (editor.stickyScroll.maxLineCount) 設定來設定要顯示的最大行數。預設最大值為 5 行。
  • 您可以在黏性捲動中使用 Ctrl/Cmd + 按一下，以巡覽至定義。

新的程式碼動作控制項

我們已徹底改造程式碼動作控制項。現在有一個自訂控制項，而不是 程式碼動作 的簡單功能表，可讓您更輕鬆地找到您想要的程式碼動作

The new Code Action control showing Quick Fixes and refactorings

新的控制項也讓 VS Code 能夠呈現其他資訊。例如，您現在可以將滑鼠游標停留在已停用的程式碼動作上，以了解它們為何停用

Hovering over a disabled Code Action to understand why it is disabled

您也可以自訂用於巡覽程式碼動作清單的鍵盤快速鍵，方法是修改下列命令的按鍵繫結

  • selectNextCodeAction
  • selectPrevCodeAction
  • acceptSelectedCodeAction

展望未來，新的程式碼動作 UI 為進一步的 UX 改善提供了良好的基礎。如果您有任何建議，請務必告訴我們！

設定建議比對

有一個新設定可設定 IntelliSense 篩選。預設情況下，第一個字元必須符合單字開頭，例如 c 必須符合 console 或 WebContext，但不會符合 description。editor.suggest.matchOnWordStartOnly 設定會變更此行為。停用時，篩選會將任何符合項目納入考量 - 這會產生更多結果，但篩選仍然會依比對品質進行。

在下方的簡短影片中，您可以看到當 matchOnWordStartOnly 停用時，'dir' 的建議會包含更多項目，例如 'mkdir' 和 'makedirs'。

原始碼控制

提交動作按鈕改進

使用者可以使用 git.postCommitCommand 設定全域控制在成功提交作業後執行的次要動作 (例如，pull、sync)。在此里程碑中，我們新增了一個新的設定 git.rememberPostCommitCommand，可以啟用此設定來記住每個存放庫上次執行的次要動作。

終端機

Shell 整合改進

此版本對 Shell 整合進行了下列改進

  • Fish Shell 整合僅以實驗性手動安裝形式提供。如需安裝方式，請參閱 Shell 整合文件。
  • 適用於 Windows Shell 整合的 Git Bash 僅以實驗性手動安裝形式提供。如需詳細資訊，請參閱關於手動安裝的章節。
  • 支援常見的替代目前工作目錄序列：OSC 6 ; scheme://<cwd> ST、OSC 1337 ; CurrentDir=<cwd> ST、OSC 9 ; 9 ; <cwd> ST
  • 更好地處理各種 Shell 整合邊緣案例。

平滑捲動

終端機現在支援平滑捲動，這會讓捲動在短時間內呈現動畫效果，以協助您在捲動後看到您的位置，類似於編輯器和清單。若要啟用平滑捲動，請設定

"terminal.integrated.smoothScrolling": true

底線樣式和色彩

現在支援使用逸出序列的底線樣式和色彩最初由 kitty 終端機率先推出。對於支援的程式，如果這些程式將這些序列傳送至 VS Code 終端機，這些新的底線應該會自動亮起。

The terminal can now display straight, double, curly, dotted, and dashed underlines in any color

此變更中包含改善 GPU 加速啟用時的底線轉譯，這可避免具有長下伸部的字形和重疊的底線

An example showing that characters with descenders such as 'g' and 'p' no longer overlap with underlines

由於 ConPTY 中未解決的問題，Windows 目前不支援底線樣式和色彩。

轉譯改進

對終端機轉譯進行了多項改進

  • 已修正長期存在的錯誤，此錯誤有時會在工作台縮放時造成模糊！

    Text is now more crisp as canvas is no longer stretched, which caused anti-aliasing to look poorly

  • 當啟用最小對比度，且需要翻轉文字亮度以確保符合比例時，文字的色調現在會保留。

    Bold yellow text on red in some themes will now display as dark yellow instead dark grey

  • 新的佈景主題金鑰 terminal.inactiveSelectionBackground 可用來顯示不同的選取背景色彩，無論終端機是否已聚焦，以更好地與編輯器對齊。

    Most themes now dim the selection background color when not focused

  • 自訂 Powerline 字形轉譯已改善邊緣剪裁。這在半圓形字元上最明顯，現在應該是平滑的曲線。

    Powerline glyphs are no longer cut off on the edges

工作

視窗重新載入時重新連線

監看式工作現在會在視窗重新載入時重新連線，讓 VS Code 更新或擴充功能狀態變更時能夠不間斷地工作。工作重新連線預設為啟用，但可以使用 task.reconnection 設定停用。

偵錯

launch.json 中的 suppressMultipleSessionWarning 選項

當您嘗試使用啟動組態開始偵錯，但該組態已經有作用中的偵錯工作階段時，VS Code 會在啟動第二個執行個體之前顯示警告對話方塊。這很容易意外執行，而且通常不是您想要執行的動作。但是，如果執行相同組態的多個執行個體是您工作流程的一部分，您現在可以將 "suppressMultipleSessionWarning": true 新增至您的 launch.json 組態檔來停用此警告。

註解

篩選

註解檢視具有新的篩選器，您可以在其中依註解文字和已解決/未解決狀態進行篩選。

編輯器裝飾項目

註解編輯器裝訂邊裝飾項目現在使用 codicon，並具有新的樣式。

語言

TypeScript 4.8

VS Code 現在隨附 TypeScript 4.8.2。此主要更新帶來了類型檢查和推斷的語言改進。在工具方面，您也應該會看到一些不錯的效能改進和錯誤修正！

查看 TypeScript 4.8 公告，以深入了解此更新。

TypeScript 線上直播

如果您錯過了 VS Code 關於 TypeScript 的 線上直播，請觀看最近與 Matt Pocock 的兩個工作階段。

VS Code livestreams page

擴充功能貢獻

Jupyter

筆記本圖片貼上

Jupyter 擴充功能現在可讓使用者將螢幕擷取畫面或圖片檔案貼到其筆記本內的 Markdown 儲存格中。目前僅支援 image/png MIME 類型。若要使用此功能，請新增/啟用下列設定

"ipynb.experimental.pasteImages.enabled": true
"editor.experimental.pasteActions.enabled": true

使用 Pylance 改善 Jupyter Notebooks 的 IntelliSense

當使用 Pylance 時，Jupyter Notebooks 與 Python 核心的 IntelliSense 支援現在已大幅改善，這要歸功於 語言伺服器協定中的更新，以包含筆記本支援。

當您在筆記本檔案中撰寫 Python 程式碼時，您不僅會獲得改善的自動完成選項，而且您還能夠使用重構功能，例如擷取變數、擷取方法和重新命名符號，以及自動匯入和語意醒目提示。

佈景主題：Horizon Extended (在 vscode.dev 上預覽)

Live Preview

Live Preview 擴充功能現在正式支援多根工作區！雖然使用者可能在先前已在多根工作區中技術性地使用 Live Preview，但現在有一個更乾淨的實作支援它。

Live Preview 擴充功能現在會為您多根工作區中的每個根目錄啟動新的伺服器；因此，相對於專案根目錄的路徑 (以 / 開頭的路徑) 在預覽多根工作區時將會正常運作。

佈景主題：GitHub Dark Dimmed (在 vscode.dev 上預覽)

您可以藉由將滑鼠游標停留在 Live Preview 的狀態列指示器 (位於右下角) 上方，來檢視由擴充功能開啟的伺服器。在下圖中，為每個工作區 (在連接埠 3000 和 3002 上) 啟動了一個伺服器，而且為不屬於任何開啟工作區的檔案衍生了另一個伺服器 (在連接埠 3004 上)。

Live Preview multi-root ports displayed from the Status bar indicator

安裝 Live Preview 擴充功能並立即試用！📡✨🔎

GitHub Pull Requests and Issues

在 GitHub Pull Requests and Issues 擴充功能方面取得了更多進展，此擴充功能可讓您處理、建立及管理提取要求和問題。此版本的重點包括

  • 提取要求的通知。
  • 可以直接從提取要求概觀中解決/未解決檢閱註解。

查看擴充功能 0.50.0 版本的變更記錄，以查看其他重點。

遠端開發

持續開發 遠端開發擴充功能，可讓您使用容器、遠端電腦或 適用於 Linux 的 Windows 子系統 (WSL) 作為全功能開發環境。

您可以在遠端開發發行說明中了解新的擴充功能功能和錯誤修正。

預覽功能

在檔案移動和重新命名時更新 Markdown 連結

是否厭倦在您移動或重新命名檔案時意外中斷 Markdown 中的連結或圖片？試試看新的 markdown.experimental.updateLinksOnFileMove.enabled 設定！

啟用此新的實驗性設定後，當檔案在 VS Code 檔案總管中移動或重新命名時，VS Code 將會自動更新 Markdown 中的連結和圖片

可以使用 markdown.experimental.updateLinksOnFileMove.enabled 設定來啟用此新行為。您可以使用 markdown.experimental.updateLinksOnFileMove.externalFileGlobs 控制受影響的檔案類型。

試用這項新功能，並務必分享意見反應。

設定設定檔

在過去幾個月中，我們一直致力於在 VS Code 中支援設定設定檔，這是社群最受歡迎的要求之一。此功能可透過 workbench.experimental.settingsProfiles.enabled 設定進行預覽。試用看看，並在 vscode 存放庫 中建立問題，或在 問題 #116740 中留言，向我們提供您的意見反應。

命令列介面

在此里程碑中，我們新增了設定設定檔的命令列介面 (CLI) 支援。您現在可以使用 --profile 引數傳遞設定檔的名稱，並使用該設定檔開啟資料夾或工作區。下列命令列會使用「Web 開發」設定檔開啟 web-sample 資料夾

code ~/projects/web-sample --profile "Web Development"

如果指定的設定檔不存在，則會建立具有指定名稱的新空白設定檔。

暫時設定設定檔

現在也支援暫時設定設定檔，可以建立此設定檔並暫時與資料夾或工作區建立關聯。暫時設定檔會在不再與任何資料夾或工作區建立關聯後自動刪除。

在下方的簡短影片中，當使用者開啟資料夾並選取「設定設定檔：建立暫時設定設定檔」命令時，會建立新的 'Temp 1' 設定檔，並在設定檔清單中可見。當資料夾關閉時，'Temp 1' 設定檔會刪除。

您也可以從 CLI 使用 --profile-temp 參數建立暫時設定設定檔，並將其與資料夾或工作區建立關聯。下列命令列會使用暫時設定檔開啟 try-out-sample 資料夾，此設定檔會在關閉資料夾後刪除

code ~/projects/try-out-sample --profile-temp

在跨開發環境移動時攜帶您的變更

當您瀏覽 GitHub 或 Azure Repos 存放庫 (例如 https://vscode.dev/github/microsoft/vscode) 時，您可以使用 繼續在以下環境工作 命令，以選取要與您的存放庫搭配使用的不同開發環境。

先前，如果您在虛擬工作區中有擱置的編輯，您需要將它們推送至 GitHub 或 Azure Repos，才能在其他地方檢視它們。在此里程碑中，我們已將編輯工作階段整合到「繼續在以下環境工作」功能中，讓您的未提交變更自動隨您移至您的目標開發環境，例如 GitHub Codespace。

在下方的影片中，當使用者建立並切換至在新的 GitHub Codespace 中工作時，會套用使用者在使用適用於 Web 的 VS Code 時對 TypeScript 檔案所做的變更。

若要試用此功能，請在您的設定中設定 "workbench.experimental.editSessions.enabled": true，啟用設定同步，並在適用於 Web 或桌面的 VS Code 中執行「編輯工作階段：登入」命令。

當您使用適用於 Web 的 VS Code 時，當您在下列環境中使用「繼續在以下環境工作」時，您的未提交變更將會隨您移動

  • GitHub Codespaces 中的新雲端託管環境
  • GitHub 存放庫的新本機複製品
  • 具有相同虛擬 GitHub 存放庫的本機 VS Code 執行個體

當您將桌面 VS Code 與 遠端存放庫 擴充功能搭配使用時，當您在下列環境中使用「繼續在以下環境工作」時，您的未提交變更將會隨您移動

  • GitHub Codespaces 中的雲端託管環境 (透過 GitHub Codespaces 擴充功能提供)
  • GitHub 存放庫的新本機複製品
  • 容器磁碟區中 GitHub 存放庫的新複製品 (透過 Dev Containers 擴充功能提供)
  • https://vscode.dev
  • 包含存放庫複製品的現有本機資料夾

擴充功能撰寫

TerminalExitStatus.reason

擴充功能作者現在可以透過新的 TerminalExitReason API 更深入了解終端機退出的原因。

export enum TerminalExitReason {
  Unknown = 0,
  Shutdown = 1,
  Process = 2,
  User = 3,
  Extension = 4
}

列舉設定 enumItemLabels 文件

設定編輯器中的列舉設定支援 enumItemLabels 金鑰，這可讓擴充功能作者指定要在對應至 enum 值的下拉式清單中顯示的值。

Example of enumItemLabels with a mock setting. The select box displays the label value, and the dropdown options display both the label value and the enum value, though the enum values are rendered less prominently.

佈景主題：Light Pink (在 vscode.dev 上預覽)

新的 activeWebviewPanelId 內容金鑰

新的 activeWebviewPanelId 內容金鑰 會追蹤目前聚焦的網頁檢視面板的 viewType。您可以在 when 子句中使用它，以便在您的網頁檢視聚焦時啟用命令或功能表項目。

"when": "activeWebviewPanelId == 'markdown.preview'"

網頁上的 TypeScript 伺服器外掛程式

網頁上現在支援 TypeScript 語言服務外掛程式。這適用於由擴充功能使用 typescriptServerPlugins 貢獻點貢獻的外掛程式。

若要開始使用，您必須先告知 TypeScript 您的外掛程式已啟用網頁，方法是在您的 package.json 中新增 browser 進入點，以及 main

"main": "out/main.js",
"browser": "out/main.browser.js"

browser 進入點必須是 JavaScript 模組，此模組會匯出啟動外掛程式的預設函式

export default function init(modules: { typescript: typeof import("typescript/lib/tsserverlibrary") }) {
  ...
};

請記住，在網頁上，您的外掛程式將在一般網頁工作執行緒環境中執行，因此您無法使用 Node.js API，例如 fs。

已停用的樹狀結構項目

啟用子句解析為 false 的命令樹狀結構項目將會顯示為已停用。

Markdown 語言伺服器

VS Code 中的 Markdown 支援已重新實作為全功能語言伺服器。您可以在 Matt Bierner 的 Markdown 語言伺服器部落格文章中閱讀關於他的歷程，他在文章中描述如何為 Markdown 檔案新增程式設計語言功能，例如尋找所有參考、重新命名符號和中斷連結偵測。

即將變更 'view/title' 功能表的內容

在 8 月，我們嘗試傳遞檢視樹狀結構的焦點和選取範圍，以用於貢獻給樹狀檢視 view/title 功能表的命令。在此版本中，我們還原了此變更，因為它為某些擴充功能造成問題。我們想要將此變更帶回並在 9 月發行。如果此更新將會中斷您的擴充功能，或者如果您認為此行為不理想，請在 問題 #42903 中留下註解。

偵錯配接器協定

關於 'startDebugging' 要求的提案

今天，VS Code 支援多個並行偵錯工作階段，但 偵錯配接器協定 (DAP) 僅涵蓋單一工作階段。這表示以程式設計方式建立新的偵錯工作階段並非 DAP 的一部分，而且只能在 DAP 或偵錯配接器外部完成，通常是在包含偵錯配接器的偵錯擴充功能中。這樣做的結果是，多工作階段功能 (例如偵錯子程序) 不容易提供給僅重複使用偵錯配接器而非 VS Code 特定偵錯擴充功能的非 VS Code DAP 用戶端。

為了改善這種情況，我們計劃在 DAP 中新增新的反向要求，以便從偵錯配接器內部建立新的偵錯工作階段。經過幾輪討論後，我們準備了 關於 startDebugging 反向要求的提案。如果您是偵錯擴充功能或 DAP 用戶端作者，並且對此 DAP 協定新增功能感興趣，我們將感謝您的意見反應。

工程

Electron 19 更新

在此里程碑中，我們完成了將 Electron 19 捆綁到 VS Code 桌面的探索，我們要感謝所有參與 Insiders 自行託管的人員。此更新隨附 Chromium 102.0.5005.167 和 Node.js 16.14.2。

Windows 7 支援已結束

Microsoft 已於 2020 年 1 月結束對 Windows 7 的支援。但是，Electron 透過修補 libuv 程式庫繼續支援 Windows 7。隨著 Electron 19 更新，libuv 修補程式不再運作，我們建議使用者更新至較新的 Windows 版本，以便使用 VS Code 桌面版本。VS Code 將不再在 Windows 7 上提供產品更新和安全性修正。您可以在 support.microsoft.com 上深入了解升級 Windows。

值得注意的修正

  • 115768 Windows：在不同螢幕上使用不同縮放比例時，視窗還原位置失敗
  • 133444 將設定頁籤拖曳到另一個編輯器群組會清除搜尋查詢
  • 140305 主視窗跨越多個螢幕時，重新開啟後不會還原位置
  • 146683 開啟時視窗版面配置樣式錯誤
  • 148492 工作區檔案使用與平台無關的路徑
  • 154963 修正擴充功能導覽中的 codicon 支援
  • 155341 若資料寫入延遲，管道輸入 VS Code 會失敗
  • 156075 [Emmet] 依語言設定「按下 Tab 鍵時觸發展開」
  • 156385 執行最近的命令會顯示已解析的別名 - `ls` 會將 `--color=auto` 附加到執行的命令

感謝您

最後但同樣重要的是，衷心感謝 VS Code 的貢獻者。

問題追蹤

對問題追蹤的貢獻

提取請求

對 vscode 的貢獻

對 vscode-extension-samples 的貢獻

對 devcontainers/cli 的貢獻