適用於 VS Code 的 JavaScript 擴充功能
Visual Studio Code 支援許多適用於 JavaScript 和 Node.js 開發的功能。隨下載產品提供的功能是核心功能:偵錯、IntelliSense、程式碼導覽等等。
除了這些核心功能外,您還可以安裝大量的優質擴充功能,為 VS Code 新增適用於 JavaScript 開發的功能。
提示: 若要瞭解如何安裝和管理您的擴充功能,請參閱擴充功能文件。
尋找擴充功能
您可以藉由在「擴充功能」檢視搜尋列中輸入 JavaScript
來尋找 JavaScript 擴充功能。或者,您可以使用標籤尋找 JavaScript 擴充功能:「tag:javascript」。在 VS Code 或 市集中搜尋更多擴充功能。
此外,您可以搜尋 Node.js
擴充功能。
提示:上方顯示的擴充功能是動態查詢的。按一下上方的擴充功能磚以閱讀描述和評論,以決定哪個擴充功能最適合您。在市集中查看更多資訊。
建議的擴充功能
如果您剛開始使用,以下是我們建議您試用的擴充功能。
ESLint
市集 - ESLint
發行者 - Microsoft
輕鬆將 ESLint 整合到您的專案中。如果 ESLint 不是您最愛的程式碼檢查工具,請從各種其他程式碼檢查擴充功能中選擇,包括 JSHint、JSCS 和 JS Standard。
請參閱 VS Code 文件,深入瞭解如何設定 JavaScript 程式碼檢查工具。
SonarLint
市集 - SonarLint
發行者 - SonarSource
SonarLint 可協助您在編碼時尋找並修正錯誤和安全性問題。此擴充功能在背景執行,就像拼字檢查工具一樣,會醒目提示程式碼問題。SonarLint 不僅會告訴您問題是什麼,還會提供關於問題為何有害以及如何修正問題的內容相關指引,並提供相關範例。此擴充功能支援 200 多個 JS/TS 規則,並包含多個 快速修正,可自動處理您的程式碼問題。
在 VS Code 市集中搜尋「SonarLint」並安裝。不需要任何設定。您可以從適合大多數使用者的預設設定檔開始,並根據您的特定需求進行自訂。
JavaScript (ES6) 程式碼片段
發行者 - charalampos karypidis
VS Code 隨附許多內建程式碼片段。JavaScript (ES6) 程式碼片段擴充功能新增了適用於 ES6 (ECMAScript 6) 語法的程式碼片段。以下是此擴充功能提供的一小部分程式碼片段範例。請參閱此擴充功能的 README,以查看此套件提供的數十個程式碼片段。
您可以參閱 VS Code 文件,深入瞭解 JavaScript 程式碼片段。如需其他程式碼片段套件,包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery,請查看市集的 程式碼片段類別。
npm IntelliSense
市集 - npm IntelliSense
發行者 - Christian Kohler
此擴充功能在使用 import
或 require
時,為 npm 模組提供 IntelliSense。