JavaScript 擴充套件第一部分

2016 年 9 月 14 日，作者：Wade Anderson，@waderyan_

這是關於 JavaScript 擴充套件系列文章的第一部分。

我在 2013 年夏天的一次實習期間學習了 JavaScript。雖然 JavaScript 並不是一門困難的程式語言，但學起來並不輕鬆。我和團隊中的其他人一樣使用了一個輕量級編輯器，並且錯過了 Visual Studio (C#) 和 Eclipse (Java) 深度語言整合功能。

Visual Studio Code 不是一個 IDE，但你可以擴充套件它來完成 IDE 能做的許多事情。VS Code 擴充套件有效地彌合了 IDE 和輕量級編輯器之間的鴻溝（閱讀此處瞭解我們如何在新增擴充套件時保持高效能）。

下面是我和許多人每天都在使用的一些基本 JavaScript 擴充套件。

提示：安裝這些擴充套件中的任何一個，請單擊“擴充套件檢視”按鈕，在“搜尋”框中輸入副檔名稱，然後單擊安裝。有關更多資訊，請參閱瀏覽擴充套件。

ESLint

市場 - ESLint

輕鬆將 ESLint 整合到您的專案中。Dirk 是 VS Code 團隊的成員，他維護著這個擴充套件，並且剛剛釋出了一個更新。如果 ESLint 不是您最喜歡的程式碼檢查器，您可以從各種其他程式碼檢查器擴充套件中進行選擇，包括 JSHint、JSCS 和 JS Standard。

在 VS Code 文件中閱讀有關設定 JavaScript 程式碼檢查器的更多資訊。

eslint animation

VS Code 附帶了許多內建程式碼片段。JavaScript (ES6) code snippets 擴充套件添加了 ES6 (ECMAScript 6) 語法的片段。這是此擴充套件提供的一小部分片段。請參閱擴充套件的 README，檢視此包提供的數十個片段。

javascript snippets

您可以在 VS Code 文件中閱讀有關 JavaScript 片段的更多資訊。對於額外的片段包，包括 Angular 1、Angular 2、Bootstrap 3、ReactJs 和 jQuery，請檢視市場的片段類別。

此擴充套件會自動完成原始碼中的檔案路徑。在 JavaScript、HTML、CSS 檔案等中使用此功能。

path intellisense

來自 Christian Kohler 的第二個非常有用的擴充套件。此擴充套件為 npm 模組提供了 IntelliSense。

npm intellisense

Wade Anderson，VS Code 團隊成員
@waderyan_