今，很多用應用中都需要JavaScript語言的支持，比如在HTML5或者CSS的網絡構建中等，但是在JavaScript語言發展過程中也在遇到各種各樣的挑戰，幸運的是，JavaScript的編輯器和IDE也在不斷更新，迎接這些挑戰。

為什么要用IDE替代編輯器呢？主要是因為IDE擁有自動補全功能，還能提供用法提示，這些在工作中，尤其是入門階段尤為重要。同時，IDE還支持ALM系統，可以與GIT、GtiHub、Mercurial、Subversion等進行整合，幫助變成這，節約時間和精力。那么接下來就讓我們一起看看，有哪些值得推薦的JavaScript IDE吧！

WebStorm

WebStorm是JetBrains公司旗下一款JavaScript開發工具，中文也可以譯為“網絡風暴”，JetBrains公司同時還提供 Java， PHP， Ruby和Python的IDE工具。WebStorm可以實現針對JavaScript、TypeScript、stylesheet語言和其他最流行框架的智能代碼補全、實時錯誤檢測、以及強大的導航和重構功能。

可以說WebStorm幾乎擁有所有你期待的功能，也正因如此，它目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

在WebStorm2017.1的新版本中，還集成了Jest，支持在編輯器或簡便的樹型視圖中查看測試狀態，還能從樹型圖快速跳轉至測試；支持Vue.js，包括Vue模板中的編碼協助、補全、導航、自動導入Vue組件及更多功能；支持標準樣式，可以按照“標準樣式”格式化自己的JavaScript代碼。

Microsoft Visual Studio 2017

盡管Visual Studio 2017更適用于.NET IDE，而且也沒有WebStorm那樣適用于JS，但總的來說，是一個十分不錯的JavaScript IDE。

正如大家所知道的那樣，Visual Studio 2017是一款開發適用于 Android、iOS、Mac、Windows、Web 和云的應用，能夠快速導航、編寫并修復你的代碼，實現輕松調試和診斷，根據你的喜好進行擴展和自定義，并實現有效協作。

NetBeans

在Web項目中，NetBeans能夠很好地支持JavaScript， HTML5和CSS3，同時支持 Cordova/PhoneGap框架構建以JavaScript為基礎的移動應用。NetBeans雖然不是多有IDE中最快捷的，但是它是最全面的一個。

這種IDE目前已經屬于甲骨文公司（2009年與SUN一并被收購），用Java編寫，NetBeans當前可以在Solaris、Windows、Linux和Macintosh OS X平臺上進行開發，并在SPL(Sun公用許可)范圍內使用。

Komodo

Komodo 提供高級JavaScript編輯、語法高亮、導航和調式功能，但是還不包括JavaScript代碼檢查功能，為此，你可以在shell中運行JSHint。Komodo IDE可以在 Windows、Mac OS X 和 Linux 上運行，并支持通用的開源語言 —— Python、Perl、PHP 和 Ruby。代碼智能引擎非常可靠。它掃描所有語言安裝找到定制擴展，比如 PEAR 模塊。在項目方面，它支持與 CVS、Subversion 和 Perforce 的集成，也允許直接向服務器 FTP 傳遞代碼。

總的來說，Komodo雖然稱不上最好，但也是一個足夠優質的IDE，它可以通過FTP，SFTP，FTPS或SCP發布文件組，也可以同步文件，并檢測是否存在與他人的更改存在潛在的發布沖突等現象。

我們談論一個已經被廣泛使用的應用程序時，我們不得不提到 JavaScript。它與 HTML5 和 CSS 完美配合，可以開發令人驚嘆的前端項目以及移動應用程序，這種前所未有的增長也帶來了一系列不斷適應技術趨勢的 IDE。

IDE 優于普通編輯器，因為它能夠調試代碼，并且 IDE 還提供對 ALM 系統的支持。隨著我們擁有的 IDE 數量的增加，很難區分理想工具和不需要的工具。

本文嘗試對 JavaScript 的前5個IDE進行詳細比較，并首先解釋 5 個最流行的工具。

WebStorm

在受歡迎程度方面，WebStorm 是無與倫比的。 WebStorm 由 JetBrains 提供，它被公認為用于 JavaScript 開發的最強大的 IDE 之一。雖然它提供了很多效率并有助于提高生產力，但它總是非常昂貴。

可用的功能包括代碼完成、輕松識別錯誤以及對大量流行語言的重構。 還有一個針對客戶端代碼的內置調試器。 這意味著開發人員甚至可以在不退出 IDE 的情況下檢查和評估他們的代碼。

在 WebStorm 中也可以進行測試，該工具提供易于閱讀的報告，為用戶提供有關調試測試的信息。 還有一個 spy-js 功能可以追蹤鱈魚并防止任何進一步的并發癥。

Visual Studio Code

Visual Studio Code 已經存在了很長時間，并且深受大家的喜愛。 有很多開發人員在談論 VS Code 對 Go 語言來說有多棒，然而，它也與大約 40 種其他語言兼容。 該平臺非常適合前端開發。

Visual Studio Code 提供的一些功能是 IntelliSense，一種內置的 Git 集成，以及無需離開編輯器即可調試代碼的能力。 通過眾多可用的擴展，還提供了大量的自定義選項。 還支持多種語言，我們可以自信地說，這就是為什么它被列為最受歡迎的開發人員工具。

Atom IDE

如果沒有 Atom，前 5 名的 IDE 列表將是不完整的。 使用 Electron 和 TypeScript 語言包，你可以享受與 JavaScript、CSS 和 Node.js 的兼容性。 開發人員還可以享受上下文感知的自動完成工具，它使編碼更容易和更快。 這是對用于查找參考和檢查定義的大綱視圖的補充。

還有一個懸停工具可用于顯示有關代碼的信息，它與一組診斷工具協同工作，可以幫助開發人員理解任何不是由他們編寫的代碼。

Brackets

Adobe 是這個開源編輯器的提供者，它是用 JavaScript、HTML 和 CSS 編寫的。 括號為你提供本機代碼編輯體驗，并且沒有兼容性問題。 有一個實時預覽功能，使其與你的瀏覽器同步。 這意味著可以立即推送代碼編輯。 快速編輯用戶界面還為你提供了所需的所有工具，并且無論你使用的是什么代碼，它都能很好地工作。

Komodo Edit

Komodo Edit 是另一個非常令人興奮的 JavaScript 選項。 它是高級 Komodo IDE 的一個版本，具有簡化的界面。 它還作為一種直觀的工具出現，可用于解決許多問題。 Komodo Edit 支持每個 Node.js 功能，具有調試、單元測試、與構建系統集成甚至協作等功能。

你還可以跟蹤更改、智能簽出書簽、代碼折疊、代碼塊和多項選擇。 你還可以使用智能語言檢測功能。

了解更多