毫無疑問，JavaScript已經在網絡世界中占據統治地位。每一位有志投向Web開發的朋友都應當加以學習，同時認真了解與之相關的框架、庫與工具。JavaScript擁有堪稱偉大的開源社區，而其中自然不乏各類出色的開源集成開發環境(簡稱IDE)。與其它編程語言一樣，雖然JS本身亦不會對編輯器或者IDE提出特定要求，但理想的相關方案顯然能夠極大提升您的開發效率。

在今天的文章中，我們將分享四款認可度高JS代碼編輯器，并深入了解其出色之處。

Eclipse配合JSDT

Eclipse堪稱目前最為知名的IDE之一。Eclipse對于JS的支持能力來自JSDT(即JS開發者工具)。JSDT基于JDT(Java開發工具)，且能夠提供大量相關功能，正可謂Web應用、JS應用兩相宜。

Eclipse的速度表現并不理想，然而其在過去幾年中其快速發展成熟，而現代計算機的強大性能也已經足以彌合這一點點速度差距。

Eclipse配合JSDT的關鍵優勢：

• 提供正確的語法高亮
• 自動補全
• 支持JSDoc元素生成
• 擁有流分析機制
• 擁有重構機制

Atom

Atom是一款面向新世紀的文本編輯器，適合喜愛自定義文本編輯器的開發者。大家可以通過調整配置文件對Atom進行幾乎隨心所欲的調整。

下載、安裝、編碼，整個準備過程一氣呵成。另外，Atom還提供軟件包管理器以安裝不同的功能擴展及增強包。

如果大家身為前端開發者并希望充分利用Atom，則必然需要使用各類軟件包及插件，其中的典型代表包括Atom Beautify、Atom TernJS、Auto-update軟件包、Autocomplete模塊、Editor Config以及DocBlocker等等。

Atom的核心優勢：

• 具備自動補全功能
•  提供多個工作區
• ·支持跨平臺(面向Linux、Windows與OS X)

Brackets

Brackets是一套出色的前端開發文本編輯器。其由Adobe公司開發，并采用JS、HTML與CSS三大主要技術。如果大家身為JS開發者，肯定能夠輕松上手Brackets。

憑借著出色的可重配置能力、輕量化以及良好的用戶界面，Brackets已經成為眾多開發者的最佳選項。另外，其還提供大量新功能且持續與JS開發標準保持同步。再有，大家也能夠通過無數在線擴展資源進一步強化Brackets的功能。

Brackets的核心優勢:

• 提供實時預覽
•  可與其它Adobe良好對接
• 支持SCSS與LESS
• 支持其它JS框架以簡化開發
• 支持縮進、自動補全及其它重要的代碼編寫、編輯與編譯功能

Visual Studio Code

Visual Studio Code是這一領域中的新成員。其為開源項目且可用于構建云及Web應用。Visual Studio Code可視為一套Visual Studio的替代方案。

Visual Studio Code包含實現JS開發的全部功能。其UI非常出色且極具現代化風格。大家可以對JS代碼進行即時編輯、調試與修改。另外，其還支持Peek、查找全部引用以及重命名符號等功能。大家也可以需要需求使用Visual Studio Code擴展實現自定義功能。

Visual Studio Code的核心優勢:

• 支持 IntelliSense
•  提供自動類型采集機制
•  易于配置
•  面向客戶端與服務器端提供調試機制
•  支持代碼段

大家可能已經注意到，此次上榜的多數為文本編輯器而非純粹的IDE。之所以這樣推薦，第一是由于開源IDE選項數量并不太多; 第二則是如今的文本編輯器幾乎能夠提供一切IDE性質的功能。

最后再次強調，Eclipse配合JSDT能夠充當一套出色的JS開發IDE。然而與本文提到的其它方案相比，其速度表現確實相對較差。