Visual Studio Code 的 JavaScript 擴充套件

Visual Studio Code 支援許多 JavaScript 和 Node.js 開發功能。隨下載產品一起提供的核心功能包括：除錯、IntelliSense、程式碼導航等。

除了這些核心功能之外，您還可以安裝大量高質量的擴充套件來為 VS Code 新增 JavaScript 開發功能。

提示： 要了解如何安裝和管理您的擴充套件，請參閱 擴充套件文件。

查詢擴充套件

您可以透過在“擴充套件”檢視搜尋欄中鍵入 JavaScript 來找到 JavaScript 擴充套件。或者，您可以使用標籤“tag:javascript”來查詢 JavaScript 擴充套件。在 VS Code 或 Marketplace 中搜索更多擴充套件。

此外，您還可以搜尋 Node.js 擴充套件。

提示：上面顯示的擴充套件是動態查詢的。點選上面的擴充套件磁貼，閱讀說明和評論，以決定哪個擴充套件最適合您。在 Marketplace 中檢視更多。

推薦的擴充套件

如果您剛開始，以下是建議您嘗試的擴充套件。

ESLint

Marketplace - ESLint

Publisher - Microsoft

輕鬆地將 ESLint 整合到您的專案中。如果 ESLint 不是您最喜歡的 linter，請從各種其他 linter 擴充套件中進行選擇，包括 JSHint、JSCS 和 JS Standard。

在 VS Code 文件中閱讀有關設定 JavaScript linters 的更多資訊。

SonarLint

Marketplace - SonarLint

Publisher - SonarSource

SonarLint 可幫助您在編碼時查詢和修復 bug 和安全問題。該擴充套件在後臺執行，就像拼寫檢查器一樣，突出顯示編碼問題。SonarLint 不僅會告訴您問題所在，還會提供上下文指導，說明為什麼某個問題有害以及如何修復它，並附有相關示例。該擴充套件支援 200 多個 JS/TS 規則，幷包含多個 快速修復，可自動處理您的編碼問題。

在 VS Code Marketplace 中搜索“SonarLint”並安裝。無需配置。您可以從適合大多數使用者的預設配置檔案開始，並根據您的具體需求進行自定義。

JavaScript (ES6) 程式碼片段

Marketplace - JavaScript (ES6) 程式碼片段

Publisher - charalampos karypidis

VS Code 附帶了許多內建程式碼片段。JavaScript (ES6) 程式碼片段 擴充套件為 ES6 (ECMAScript 6) 語法添加了片段。以下是此擴充套件提供的片段的示例。請參閱擴充套件的 README，瞭解此包提供的數十個片段。

您可以在 VS Code 文件中閱讀有關 JavaScript 程式碼片段的更多資訊。有關其他片段包，包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery，請檢視 Marketplace 的 Snippets（片段）類別。

npm IntelliSense

Marketplace - npm IntelliSense

Publisher - Christian Kohler

此擴充套件在您使用 import 或 require 時提供 npm 模組的 IntelliSense。