🚀 在 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 上的預設標題列樣式

在聽取使用者回饋後，我們已決定還原我們在 Linux 上將預設設定 window.titleBarStyle 從 custom 變更回 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 Preview 等擴充功能後，您不再需要重新載入 VS Code。安裝 Markdown 擴充功能後，任何作用中的 Markdown 預覽都會自動更新。

改進的 HTML ARIA 屬性 IntelliSense

由於從 W3C 和 MDN 檢索的資料，VS Code 現在顯示 ARIA (Accessible Rich Internet Applications) 屬性和 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 連線。連接埠在偵錯主控台中宣告，通常開發人員現在會在他們的瀏覽器應用程式中輸入 https://127.0.0.1:3000。

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

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

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

此處 pattern 屬性描述用於比對宣告連接埠的程式輸出字串的正規表示式。連接埠號碼的模式放在括號中，以便它可用作正規表示式擷取群組。在此範例中，我們僅提取連接埠號碼，但也可以提取完整的 URI。

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

然後，產生的 URI 會在 VS Code 外部 (「外部」) 使用為 URI 的架構設定的標準應用程式開啟。

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

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

  • pattern: "listening on.* (https?://\\S+|[0-9]+)"，它比對常用的訊息「listening on port 3000」或「Now listening on: https://127.0.0.1:5001」。
  • uriFormat: "https://127.0.0.1:%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 安全回應中心 CVE-2019-5786 的安全性更新，您可以在此 Electron 部落格文章 中閱讀有關資訊。

感謝您

最後但並非最不重要的是，非常感謝以下人士協助使 VS Code 變得更好

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

對 vscode 的貢獻

對 vscode-languageserver-node 的貢獻

對 node-jsonc-parser 的貢獻

對 vscode-generator-code 的貢獻

對 vscode-vsce 的貢獻

對 vscode-recipes 的貢獻

對本地化的貢獻

有超過 700 名 雲端 + AI 本地化 社群成員使用 Microsoft 本地化社群平台 (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。