適用於 VS 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

發行者 - Microsoft

輕鬆將 ESLint 整合到您的專案中。如果 ESLint 不是您最愛的程式碼檢查工具，請從各種其他程式碼檢查擴充功能中選擇，包括 JSHint、JSCS 和 JS Standard。

在 VS Code 文件中深入了解設定 JavaScript 程式碼檢查工具。

SonarLint

Marketplace - SonarLint

發行者 - SonarSource

SonarLint 可協助您在撰寫程式碼時尋找並修正錯誤和安全性問題。此擴充功能在背景執行，就像拼字檢查工具一樣，會醒目提示程式碼問題。SonarLint 不僅告訴您問題是什麼，還提供關於問題為何有害以及如何修正問題的上下文指引，並提供相關範例。此擴充功能支援 200 多個 JS/TS 規則，並包含多個快速修正，可自動處理您的程式碼問題。

在 VS Code Marketplace 中搜尋「SonarLint」並安裝。無需設定。您可以從適合大多數使用者的預設設定檔開始，並根據您的特定需求進行自訂。

JavaScript (ES6) 程式碼片段

Marketplace - JavaScript (ES6) 程式碼片段

發行者 - charalampos karypidis

VS Code 隨附許多內建程式碼片段。「JavaScript (ES6) 程式碼片段」擴充功能為 ES6 (ECMAScript 6) 語法新增程式碼片段。以下是此擴充功能提供的一小部分程式碼片段範例。請參閱擴充功能的 README 以查看此套件提供的數十個程式碼片段。

您可以在 VS Code 文件中深入了解 JavaScript 程式碼片段。如需其他程式碼片段套件，包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery，請查看 Marketplace 的程式碼片段類別。

npm IntelliSense

Marketplace - npm IntelliSense

發行者 - Christian Kohler

當使用 import 或 require 時，此擴充功能會為 npm 模組提供 IntelliSense。