🚀 在 VS Code 中！

2019 年 2 月 (版本 1.32)

更新： 每個更新中解決的問題 - 1.32.3 - 1.32.2 - 1.32.1

下載： Windows: x64 | Mac: Intel | Linux 64 位元: deb rpm tarball | 32 位元: deb rpm tarball

歡迎使用 Visual Studio Code 2019 年 2 月發行版本。此版本中有許多重大更新，我們希望您會喜歡，其中一些主要重點包括

如果您想在線上閱讀這些版本資訊，請前往 更新，網址為 code.visualstudio.com。
您也可以觀看 Cloud Developer Advocate Brian Clark 的這個 1.32 版本重點影片。

版本資訊依與 VS Code 焦點領域相關的章節排列。以下是一些進一步的更新

  • 工作台 - 鍵盤導覽控制項、大綱檢視和麵包屑使用樹狀檢視小工具。
  • 編輯器 - 「修正所有來源動作」可讓您在儲存時修正、改進的欄選取。
  • 語言 - 安裝 TypeScript 和 Markdown 擴充功能時無需重新載入。
  • 擴充功能撰寫 - 將命令新增至偵錯工具列、追蹤上次方法簽章選擇。

Insiders： 想要盡快看到新功能嗎？您可以下載每夜建置的 Insiders 版本，並在最新更新可用時立即試用。如需最新的 Visual Studio Code 新聞、更新和內容，請在 Twitter 上追蹤我們 @code！

工作台

預覽和套用新佈景主題

您現在可以在安裝貢獻佈景主題和檔案圖示佈景主題的擴充功能後，立即預覽和套用它們。

Applying Theme

鍵盤快速鍵編輯器

您現在可以在鍵盤快速鍵編輯器中編輯按鍵繫結的 when 子句。

Changing When expression

我們從鍵盤快速鍵編輯器中移除了開啟 keybindings.json 檔案的連結，改為編輯器標題列右側的 {} 按鈕。

直接編輯 keybindings.json 檔案時，預設按鍵繫結不再顯示在左側。如果您想要查看預設按鍵繫結，您可以勾選工作台 > 設定：開啟預設按鍵繫結設定 (workbench.settings.openDefaultKeybindings 設為 true)。

自動鍵盤導覽設定

新的設定清單：自動鍵盤導覽控制清單和樹狀檢視是否擷取詞典鍵盤輸入，以便導覽和篩選元素。如果停用，鍵盤導覽會變成強制回應，而 list.toggleKeyboardNavigation 命令會切換其狀態。您可以為該命令指派特定的鍵盤快速鍵。例如，您可以將其設定為 /，並且僅在按下 / 之後，後續的鍵盤輸入才會篩選清單/樹狀檢視中的項目。此設定預設為啟用。

以下是使用 / 切換檔案總管鍵盤導覽的按鍵繫結

{
  "key": "/",
  "command": "list.toggleKeyboardNavigation",
  "when": "filesExplorerFocus"
}

Linux 上的預設標題列樣式

在聽取使用者意見回饋後，我們已決定將預設設定 window.titleBarStyle 從 custom 還原為 Linux 上的 native。我們仍然建議需要更好協助工具支援的使用者使用自訂標題列。有關此變更的更多資訊已記錄在我們的 Linux 設定頁面中。

適用於大綱和麵包屑的新樹狀檢視小工具

大綱文件符號檢視和麵包屑選取器已採用新的樹狀檢視小工具。新的實作使其速度更快，並提供更好的篩選支援，以及其他新的樹狀檢視小工具增強功能。

編輯器

懸停和問題預覽改進

在此版本中，問題懸停中新增了包含快速修正和預覽問題動作的命令列。快速修正動作從懸停套用快速修正，而預覽問題動作會在編輯器中開啟預覽檢視。

Problem Hover

從問題預覽檢視中，您現在可以導覽至上一個和下一個錯誤/警告。

Problem Peek

我們也改進了懸停和問題預覽檢視的外觀。具有問題和程式碼區塊的懸停會獲得足夠的空間來顯示其內容

Hover

自動修正和慣用程式碼動作

程式碼動作 API 為 VS Code 的快速修正（您在編輯器中看到的燈泡）提供支援。雖然給定的錯誤可能有很多快速修正，但通常有一個是解決問題最合理的修正。例如，修正拼字錯誤通常比產生新欄位更可能是修正方式。

擴充功能現在可以將程式碼動作標記為「慣用」，以指出它是解決基礎問題最合理的修正。當慣用修正可用時，藍色徽章會新增至燈泡。慣用修正可以使用自動修正命令自動套用 (⌥⌘. (Windows、Linux Shift+Alt+.))。

Preferred fixes are indicated with a blue badge on the lightbulb

慣用快速修正通常應

  • 正確修正基礎錯誤（而不是隱藏它）。
  • 成為錯誤的合理修正。
  • 不會意外執行廣泛的操作。

重構程式碼動作也可以標記為慣用，以指出它們是最合理的重構。例如，雖然可能有許多擷取常數重構可用，但使用者通常想要擷取到最近的區域變數。如果該重構程式碼動作標記為 isPreferred，使用者可以為其設定單一按鍵繫結

{
  "key": "ctrl+shift+r ctrl+e",
  "command": "editor.action.codeAction",
  "args": {
    "kind": "refactor.extract.constant",
    "preferred": true
  }
}

修正所有來源動作

新的 source.fixAll CodeActionKind 為可以自動修正檔案中錯誤的擴充功能建立慣例。這個新的來源動作種類與組織匯入類似，並且可以輕鬆設定修正所有動作的按鍵繫結或啟用儲存時自動修正

// On save, run both fixAll and organizeImports source actions
"editor.codeActionsOnSave": {
    "source.fixAll": true,
    "source.organizeImports": true,
}

TSLint 擴充功能已使用 source.fixAll 程式碼動作種類來實作修正所有和儲存時自動修正。

expandLineSelection 的預設按鍵繫結變更

命令 expandLineSelection 現在預設繫結至 Ctrl+L (macOS 上為 Cmd+L)，而不是 Ctrl+I (Cmd+I)。

改進的欄選取

將多重游標修飾詞設定設定為使用 Ctrl (macOS 上為 Cmd) "editor.multiCursorModifier": "ctrlCmd"，因此 Alt 修飾詞僅用於「前往定義」，現在可以在編輯器中拖曳選取範圍時按下 Alt 修飾詞，以在一般選取範圍或欄選取範圍之間切換。

在以下影片中，選取範圍從一般選取範圍開始，然後按下並按住 Alt，直到放開滑鼠按鈕

Column Selection with the Alt key

語言

TypeScript 3.3.3

此版本包含 TypeScript 3.3.3，這是一個小型更新，修正了一些重要的錯誤。

安裝 TypeScript 擴充功能時無需重新載入

上次迭代，VS Code 已變更為在安裝絕大多數擴充功能後不再需要重新載入。VS Code 現在也支援動態載入 TypeScript 外掛程式擴充功能。當您安裝新的 TypeScript 擴充功能時，例如 TSLint，擴充功能會自動啟用，而無需重新載入。

安裝 Markdown 擴充功能時無需重新載入

此外，在安裝 GitHub Markdown 預覽等擴充功能後，您不再需要重新載入 VS Code。任何作用中的 Markdown 預覽都會在安裝 Markdown 擴充功能後立即自動更新。

針對 ARIA 屬性改進的 HTML IntelliSense

由於從 W3C 和 MDN 擷取的資料，VS Code 現在顯示 ARIA（無障礙豐富網際網路應用程式）屬性和 DOM 事件的描述。

HTML IntelliSense for ARIA and Event attributes

已移除 HTML 擴充功能中的 Razor 支援

舊版 ASP.NET Razor 支援已移除。我們現在建議使用 C# 擴充功能來編輯 Razor 檔案。

偵錯

偵錯主控台的字型設定

現在可以使用這些設定在偵錯主控台中設定字型大小、字型系列和行高：debug.console.fontSize、debug.console.fontFamily 和 debug.console.lineHeight。

Debug Console font

偵錯主控台文字換行

由於採用了新的樹狀檢視小工具，偵錯主控台現在支援其所有元素的自動文字換行，即使是物件內的屬性也是如此。

Debug Console wrap

整合式終端機

傳送序列命令中的變數支援

現在可以使用 變數 和 workbench.action.terminal.sendSequence 命令，例如

{
  "key": "ctrl+shift+t",
  "command": "workbench.action.terminal.sendSequence",
  "args": { "text": ". ${file}" }
}

預覽功能

預覽功能尚未準備好發行，但功能已足夠使用。我們歡迎您在它們開發期間提供早期意見反應。

在偵錯伺服器程式時自動開啟 URI

開發 Web 程式通常需要在 Web 瀏覽器中開啟特定的 URL，以便在偵錯工具中命中伺服器程式碼。在此里程碑中，我們新增了 VS Code 新功能的初步版本，該功能嘗試以彈性的方式自動化此流程。

以下是一個簡單的 Node.js Express 應用程式範例

var express = require('express');
var app = express();

app.get('/', function(req, res) {
  res.send('Hello World!');
});

app.listen(3000, function() {
  console.log('Example app listening on port 3000!');
});

此應用程式首先為 "/" URL 安裝「Hello World」處理常式，然後開始接聽連接埠 3000 上的 HTTP 連線。連接埠會在偵錯主控台中公佈，通常開發人員現在會在他們的瀏覽器應用程式中輸入 http://localhost:3000。

新功能可以將結構化屬性 serverReadyAction 新增至任何啟動設定，並選取要執行的「動作」

{
  "type": "node",
  "request": "launch",
  "name": "Launch Program",
  "program": "${workspaceFolder}/app.js",

  "serverReadyAction": {
    "pattern": "listening on port ([0-9]+)",
    "uriFormat": "http://localhost:%s",
    "action": "openExternally"
  }
}

此處的 pattern 屬性描述用於比對程式輸出字串的規則運算式，該字串會公佈連接埠。連接埠號碼的模式放在括號中，以便它可以作為規則運算式擷取群組使用。在此範例中，我們僅擷取連接埠號碼，但也可以擷取完整的 URI。

uriFormat 屬性描述如何將連接埠號碼轉換為 URI。第一個 %s 由比對模式的第一個擷取群組取代。

然後，產生的 URI 會在 VS Code 外部（「外部」）使用為 URI 的配置設定的標準應用程式開啟。

或者，action 可以設定為 debugWithChrome。在這種情況下，VS Code 會為 URI 啟動 Chrome 偵錯工作階段（這需要安裝 Debugger for Chrome 擴充功能）。在此模式下，可以新增傳遞至 Chrome 偵錯工作階段的 webRoot 屬性。

為了簡化操作，大多數屬性都是選用的，我們使用以下後援值

  • pattern："listening on.* (https?://\\S+|[0-9]+)"，它會比對常用的訊息「listening on port 3000」或「Now listening on: https://localhost:5001」。
  • uriFormat："http://localhost:%s"
  • webRoot："${workspaceFolder}"

以下是運作中的功能

Server ready feature in action

請注意，在功能的預覽版本中

  • 模式僅在偵錯主控台中比對。如果偵錯目標在整合式終端機中啟動，它尚無法運作（而且永遠不會在外部終端機中運作）。
  • 如果設定了 debugWithChrome 但未安裝 Debugger for Chrome 擴充功能，此功能不會發出警告。
  • 尚無法使用其他基於瀏覽器的偵錯工具。

擴充功能撰寫

將命令貢獻至偵錯工具列

現在擴充功能可以將命令貢獻至偵錯工具列。

以下是來自擴充功能 package.json 的範例

"contributes": {
  "commands": [
    {
      "command": "dart.hotReload",
      "title": "Hot Reload",
      "icon": {
        "dark": "./media/hot_reload_inverse.svg",
        "light": "./media/hot_reload.svg"
      }
    }
  ],
  "menus": {
    "debug/toolbar": [
      {
        "command": "dart.hotReload",
        "when": "debugType == dart",
        "group": "dart"
      }
    ]
  }
}

擴充功能會新增偵錯工具列右側看到的「熱重新載入」按鈕。

Add to debug toolbar

SignatureHelpContext.activeSignatureHelp

SignatureHelpContext 物件現在具有 activeSignatureHelp 欄位，可追蹤先前作用中的簽章

import * as vscode from 'vscode';

class MySignatureHelpProvider implements vscode.SignatureHelpProvider {
    provideSignatureHelp(
        document: vscode.TextDocument,
        position: vscode.Position,
        token: vscode.CancellationToken,
        context: vscode.SignatureHelpContext
    ): vscode.ProviderResult<vscode.SignatureHelp> {
        // The active signature help when this provider was triggered or undefined if
        // no signature help was active.
        console.log(context.activeSignatureHelp);

        ...
    }
}

提供者可以使用它來追蹤在重新觸發簽章說明提供者之前，使用者選取了哪個多載。

建議的擴充功能 API

每個里程碑都隨附新的建議 API，擴充功能作者可以試用它們。與往常一樣，我們渴望您的意見反應。以下是您試用建議 API 必須執行的操作

  • 您必須使用 Insiders 版本，因為建議 API 經常變更。
  • 您的擴充功能的 package.json 檔案中必須有這一行："enableProposedApi": true。
  • 將最新版本的 vscode.proposed.d.ts 檔案複製到您的專案中。

請注意，您無法發佈使用建議 API 的擴充功能。我們可能會在下一個版本中進行重大變更，而且我們絕不希望中斷現有的擴充功能。

workspace.registerResourceLabelFormatter

export interface ResourceLabelFormatter {
  scheme: string;
  authority?: string;
  formatting: ResourceLabelFormatting;
}

export interface ResourceLabelFormatting {
  label: string; // myLabel:/${path}
  separator: '/' | '\\' | '';
  tildify?: boolean;
  normalizeDriveLetter?: boolean;
  workspaceSuffix?: string;
  authorityPrefix?: string;
}

export namespace workspace {
  export function registerResourceLabelFormatter(
    formatter: ResourceLabelFormatter
  ): Disposable;
}

擴充功能可以使用 registerResourceLabelFormatter 來貢獻動態資源標籤格式器，這些格式器指定如何在工作台中各處顯示 URI。

工程

Linux 32 位元支援即將結束

VS Code 使用 Electron 作為在多個平台上執行的架構。我們目前使用 Electron 3.x 版，這將是最後一個支援 Linux 32 位元架構的版本。由於我們計劃很快（1-2 個月）移至 Electron 4.x，這表示 VS Code 將不再在 Linux 32 位元上執行。請更新您的 VS Code 版本至 64 位元版本。您的所有設定和擴充功能都將像以前一樣運作，而無需遷移任何內容。您可以閱讀 Electron 的 相關部落格文章以取得更多資訊。

嚴格的 Null 進度

我們在 嚴格 Null 檢查主要 VS Code 程式碼庫方面繼續取得良好進展。這次迭代，我們將剩餘的嚴格 Null 錯誤數量減少了一半，修正了 2000 多個錯誤。我們仍然剩下大約 1800 個嚴格 Null 錯誤，而且許多剩餘的錯誤都很棘手，但終點就在眼前。

編譯為 ES6

VS Code 是以 TypeScript 撰寫的，而 TypeScript 會編譯為 JavaScript。TypeScript 可以鎖定不同的 JavaScript 版本，而在此版本中，我們鎖定 ES6 JavaScript。ES6 更接近 TypeScript，並產生更少的程式碼，這表示更快的載入時間。

注意： 這表示我們的 JavaScript 輸出使用 JavaScript 中定義的 類別。我們有一個實用程式，仍然允許函式從這些類別「擴充」，並且我們建立了一個 追蹤項目，供擴充功能作者現在也發出 ES6。一切都應該像以前一樣運作，但我們鼓勵所有人加入 ES6 的行列。

擴充功能貢獻

GitHub Pull Requests

在此里程碑中，我們繼續致力於改進 GitHub Pull Requests 擴充功能。

以下是一些新功能

  • 在提取要求描述頁面上檢視和指派審閱者和標籤。
  • GitHub Pull Request 樹狀檢視現在顯示在自己的檢視容器中。您也可以選擇透過修改 githubPullRequests.showInSCM 將它們顯示在原始檔控制檢視中。
  • 檢視和修改註解上的反應。

Vetur

Vetur 擴充功能現在為 Vue.js 插值提供 IntelliSense（智慧完成）。

完成項目來自 Vue.js props、data、computed 和 methods API 呼叫。原始碼以及任何 JSDoc 文件都用作完成項目描述。

當從父元件使用子元件時，Vetur 也會在子元件的 props 上提供 IntelliSense。

Vetur IntelliSense for Vue templates

其他值得注意的功能包括

  • 使用 Prettier 作為 <template> 格式器的選項。
  • GraphQL 自訂區塊語法醒目提示。
  • Pug 插值語法醒目提示。

您可以在 Vetur 的 變更記錄中瞭解有關功能的更多資訊。

新文件

與 webpack 捆綁擴充功能

對於擴充功能作者，有一個新的 捆綁擴充功能主題，關於使用 webpack 捆綁擴充功能檔案以減少擴充功能載入時間。

webpack logo

使用 JavaScript

新的 使用 JavaScript 文章描述了 VS Code 支援的進階 JavaScript 功能。您將瞭解將 JavaScript 專案檔案 (jsconfig.json) 新增至程式碼的好處，以及如何啟用類型檢查。

值得注意的修正

  • 55084：允許建立/開啟包含反斜線的檔案名稱
  • 68204：從路徑（例如 'folder/subfolder/file.txt'）建立後，新檔案未顯示在總管中
  • 68316：新的工作台總管樹狀檢視無法正確更新
  • 68616：偵錯點被命中，但在偵錯 nodejs (mocha 測試) 時沒有視覺指示
  • 68691：總管中沒有輸入方塊來建立新檔案
  • 68627：`在側邊欄中顯示` 無法運作
  • 67970：新的總管：切換編輯器應清除焦點

此版本也包含 Microsoft Security Response Center CVE-2019-5786 的安全性更新，您可以在這篇 Electron 部落格文章中閱讀相關資訊。

感謝您

最後但同樣重要的是，衷心感謝！以下人士協助使 VS Code 變得更好

對我們的問題追蹤做出貢獻。如果您想協助我們管理傳入的問題，請參閱我們的 社群問題追蹤頁面

對 vscode 的貢獻

對 vscode-languageserver-node 的貢獻

對 node-jsonc-parser 的貢獻

對 vscode-generator-code 的貢獻

對 vscode-vsce 的貢獻

對 vscode-recipes 的貢獻

對 localization 的貢獻

有超過 700 位 Cloud + AI Localization 社群成員使用 Microsoft Localization Community Platform (MLCP)，其中約有 100 位活躍貢獻者參與 Visual Studio Code。

我們感謝您的貢獻，無論是提供新的翻譯、對翻譯進行投票，還是建議流程改進。

以下是 貢獻者的快照。如需有關專案的詳細資訊，包括貢獻者名稱清單，請造訪專案網站：https://aka.ms/vscodeloc。

  • 波士尼亞語： Ismar Bašanović。
  • 保加利亞語： Любомир Василев。
  • 捷克語： Jakub Stibůrek、Samuel Tulach、Jan Brudný。
  • 丹麥語： Lasse Stilvang、Alexander Matzen、Johan Fagerberg。
  • 荷蘭語： Jos Verlinde、Eric Algera。
  • 英語（英國）： Mohammad Idrees。
  • 芬蘭語： Petri Niinimäki、Riku Riikonen、Valtteri Vatanen。
  • 法語： Mohamed Sahbi, Antoine Griffard, Maxime COQUEREL, franto。
  • 德語： Frank Lindecke, Jakob von der Haar, Hans Meiser, Carsten Kneip, Sebastian Seidl。
  • 希臘語： Jim Spentzos, John D, Δημήτρης Παπαϊωάννου。
  • 希伯來語： Snir Broshi, Kyle Orin。
  • 印地語： Satish Yadav, Ashok Kumar Rathore, nirav adatiya, Amit Gusain, shaswat rungta, Jagjeet Singh, Pratishek PII, Chethana S, Dhanvi Kapila。
  • 簡體中文： Tingting Yi, 斌 项, feiyun0112 feiyun0112, 建东 薛, 刘瑞恒 刘瑞恒, Junzhe Liu, Dave Young, 昊宇 周, Joel Yang, Tony Xia, XIANG ZUO, Edi Wang, Zhiqiang Li, 福永 叶, G.Y. Z,Hao Hu, Pluwen, meng shao, YITING ZHU, Xiangrui Kong, Liam Kennedy, 松阳 樊, Young Bige, Justin Liu, Jessica Zhang, Licheng Ren, 驰 雷, 彦佐 刘, xiong Fu, Fan Su, Lynne Dong, 吉姆 舒, 游 尤, 剑秋, 陶, Hanlin Yang, bh wu, Y F, WangCG duoduobear, ziqiang sun, 越 郑, Jiang LI, 正元 刘, peng wei, 瑜 周, 仁松 陈, 翼 张, Ludi Fang, 九鼎 谭。 繁體中文： 奕濬 潘, Winnie Lin。
  • 匈牙利語： Péter Nagy, Dániel Tar。
  • 印尼語： Laurensius Dede Suhardiman, Afnizar Nur Ghifari, Pradipta Hendri, Azhe Kun, 義大利語 (義大利), Bruni Luca, Alessandro Alpi, Andrea Dottor, Riccardo Cappello, Aldo Donetti, Michael Longo。
  • 日語： nh, EbXpJ6bp -, Masakazu TENMYO, Takayuki Fuwa, Makoto Sakaguchi, 裕子 知念, Rie Moriguchi, Koichi Makino, Fujio Kojima, Kazuya Ujihara。
  • 韓語： Jong Heun Shin, Kyunghee Ko, Jae Yong Kum, SeungJin Jeong。
  • 挪威語： Cookius Monsterius, Stephan Eriksen。
  • 波蘭語： Grzegorz Miros, Tomasz Świstak, Michal Szulc, Bartek PL, Szymon Seliga, Tomasz Chojnacki, Marcin Weksznejder, Artur Pelczar, Marcin Floryan, Jakub Jedryszek。
  • 葡萄牙語 (巴西)： Marcondes Alexandre, Albert Tanure, Marcelo Fernandes, Junior Galvão - MVP, Ray Carneiro, Eduardo Moura, Bruno Talanski, Bruno Sonnino, Jucinei Pereira dos Santos, Emmanuel Gomes Brandão, Flávio Albuquerque Camilo, Pablo Garcia, Lucas Miranda, Giuliano Reginatto, Alan William, Lucas Nunes, Gabriel Schade, arthurdenner., Mauricio Lima, Roberto Fonseca, Letticia Nicoli, Milton Camara, Alessandro Fragnani, Marcelo Guerra, Cynthia Zanoni, Jhonathan Soares, Rafael Laranja, Swellington Soares。
  • 葡萄牙語(葡萄牙)： João Carvalho, Vitor Barbosa。
  • 俄語： michael v, Иван Лещенко。
  • 西班牙語： Andy Gonzalez, Alvaro Enrique Ruano, Engel Aguilar, Carlos Mendible, José María Aguilar, julian3xl, Ing. Sergio Uziel Tovar Lemus, Mario Mendieta, Jorge Serrano Pérez。
  • 坦米爾語： Mani M, Krishna Pravin, Vetri。
  • 土耳其語： Hüseyin Fahri Uzun, Okan Çetin, Muhammed Emin TİFTİKÇİ。
  • 烏克蘭語： Did Kokos。
  • 越南語： Việt Anh Nguyễn, Belikhun。