參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

適用於 VS Code 的 JavaScript 擴充套件

Visual Studio Code 支援 JavaScript 和 Node.js 開發的許多功能。下載的產品中附帶的功能是核心功能:除錯、智慧感知、程式碼導航等。

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

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

尋找擴充套件

您可以在擴充套件檢視的搜尋欄中輸入 JavaScript 來查詢 JavaScript 擴充套件。或者,您可以使用標籤查詢 JavaScript 擴充套件:"tag:javascript"。在 VS Code 或應用市場中搜索更多擴充套件。

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

提示:上面顯示的擴充套件是動態查詢的。單擊上面的擴充套件磁貼,閱讀其描述和評論,以決定哪個擴充套件最適合您。在應用市場中檢視更多。

如果您剛開始使用,我們建議您嘗試以下這些擴充套件。

ESLint

應用市場 - ESLint

釋出者 - Microsoft

輕鬆地將 ESLint 整合到您的專案中。如果 ESLint 不是您最喜歡的 linter,您還可以從其他各種 linter 擴充套件中進行選擇,包括 JSHintJSCSJS Standard

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

ESLint animation

SonarLint

應用市場 - SonarLint

釋出者 - SonarSource

SonarLint 幫助您在編碼時發現並修復錯誤和安全問題。該擴充套件在後臺執行,就像拼寫檢查器一樣,會高亮顯示編碼問題。SonarLint 不僅告訴您問題是什麼,還提供上下文指導,解釋為什麼某個問題是有害的以及如何修復它,並附帶相關示例。該擴充套件支援超過 200 條 JS/TS 規則,幷包含多個快速修復功能,可自動處理您的編碼問題。

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

SonarLint animation

JavaScript (ES6) 程式碼片段

應用市場 - JavaScript (ES6) code snippets

釋出者 - charalampos karypidis

VS Code 自帶了許多內建的程式碼片段。JavaScript (ES6) code snippets 擴充套件添加了 ES6 (ECMAScript 6) 語法的片段。以下是此擴充套件提供的一小部分片段示例。檢視該擴充套件的 README 檔案,可以看到這個包為您提供的數十個片段。

javascript snippets

您可以在 VS Code 文件中閱讀更多關於 JavaScript 片段的資訊。如需其他片段包,包括 Angular 1Angular 2Bootstrap 3ReactJsjQuery,請檢視應用市場中的程式碼片段類別

npm 智慧感知

應用市場 - npm IntelliSense

釋出者 - Christian Kohler

該擴充套件在使用 importrequire 時為 npm 模組提供智慧感知。

npm intellisense