VS Code 的 JavaScript 擴充功能

Name: Visual Studio Code
Author: Microsoft

Visual Studio Code 為 JavaScript 和 Node.js 開發提供了許多功能。隨下載產品附帶的功能屬於核心功能：偵錯、IntelliSense、程式碼導覽等。

除了這些核心功能外，您還可以安裝大量優質的擴充功能，為 VS Code 的 JavaScript 開發增添更多功能。

提示：若要了解如何安裝及管理擴充功能，請參閱擴充功能說明文件。

尋找擴充功能

您可以在「擴充功能」檢視的搜尋列中輸入 JavaScript 來尋找 JavaScript 擴充功能。或者，您可以使用標籤「tag:javascript」來搜尋。在 VS Code 內部或 Marketplace 搜尋更多擴充功能。

此外，您也可以搜尋 Node.js 擴充功能。

提示：上述顯示的擴充功能為動態查詢結果。請點擊上方的擴充功能圖塊，閱讀說明與評論，決定哪款擴充功能最適合您。查看更多內容，請前往 Marketplace。

推薦的擴充功能

如果您剛開始使用，以下是我們建議您嘗試的擴充功能。

ESLint

Marketplace - ESLint

發行者 - Microsoft

輕鬆將 ESLint 整合至您的專案中。如果 ESLint 不是您偏好的 linter，也可以從多種其他 linter 擴充功能中進行選擇，包括 JSHint、JSCS 以及 JS Standard。

閱讀更多關於如何在 VS Code 說明文件中設定 JavaScript linter 的資訊。

ESLint animation

SonarLint

Marketplace - SonarLint

發行者 - SonarSource

SonarLint 可協助您在編寫程式碼時發現並修復錯誤與安全性問題。此擴充功能會在背景執行，就像拼字檢查工具一樣，標示出程式碼問題。SonarLint 不僅會告訴您問題所在，還會提供上下文指引，說明問題為何有害以及如何修復，並附帶相關範例。該擴充功能支援 200 多種 JS/TS 規則，並包含多種快速修復 (Quick Fixes)，可自動處理您的程式碼問題。

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

SonarLint animation

JavaScript (ES6) code snippets

Marketplace - JavaScript (ES6) code snippets

發行者 - charalampos karypidis

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

javascript snippets

您可以閱讀 VS Code 說明文件以了解更多關於 JavaScript 程式碼片段的資訊。若需其他程式碼片段套件，包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 以及 jQuery，請查看 Marketplace 的 Snippets 類別。

npm IntelliSense

Marketplace - npm IntelliSense

發行者 - Christian Kohler

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

npm intellisense

4/8/2026