適用於 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 擴充套件中進行選擇,包括 JSHint、JSCS 和 JS Standard。
在 VS Code 文件中閱讀更多關於設定 JavaScript linter 的資訊。
SonarLint
應用市場 - SonarLint
釋出者 - SonarSource
SonarLint 幫助您在編碼時發現並修復錯誤和安全問題。該擴充套件在後臺執行,就像拼寫檢查器一樣,會高亮顯示編碼問題。SonarLint 不僅告訴您問題是什麼,還提供上下文指導,解釋為什麼某個問題是有害的以及如何修復它,並附帶相關示例。該擴充套件支援超過 200 條 JS/TS 規則,幷包含多個快速修復功能,可自動處理您的編碼問題。
在 VS Code 應用市場中搜索“SonarLint”並安裝。無需配置。您可以從適合大多數使用者的預設配置檔案開始,並根據您的特定需求進行自定義。
JavaScript (ES6) 程式碼片段
應用市場 - JavaScript (ES6) code snippets
釋出者 - charalampos karypidis
VS Code 自帶了許多內建的程式碼片段。JavaScript (ES6) code snippets 擴充套件添加了 ES6 (ECMAScript 6) 語法的片段。以下是此擴充套件提供的一小部分片段示例。檢視該擴充套件的 README 檔案,可以看到這個包為您提供的數十個片段。
您可以在 VS Code 文件中閱讀更多關於 JavaScript 片段的資訊。如需其他片段包,包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery,請檢視應用市場中的程式碼片段類別。
npm 智慧感知
應用市場 - npm IntelliSense
釋出者 - Christian Kohler
該擴充套件在使用 import
或 require
時為 npm 模組提供智慧感知。