2018年值得關注的五種JavaScript IDE
【51CTO.com快譯】JavaScript的偉大之處在於它能夠通過與HTML5和CSS的協作，開發出各種酷炫的前端專案，和移動應用程式。近年來，JavaScript在使用Node.js進行後端開發領域也是備受推崇。因此，這些方面的技術發展，也驅動了各種整合開發環境(IDE)不斷與時俱進。
如今，由於具有一定的程式碼除錯能力、並能提供對各種應用生命週期管理(ALM)系統的支援，IDE已經成為了各種普通編輯器的首選。不過在網路中，隨著各個平臺上出現的IDE越來越多，我們很難尋覓到真正需要的、理想的IDE工具。
本文在對業界最流行的五種工具進行介紹的同時，將對這些JavaScript IDE進行簡要的比較。
1. ofollow,noindex" target="_blank">WebStorm
要比人氣，WebStorm絕對是首屈一指。它是由JetBrains公司(譯者注：一家捷克的軟體開發公司)提供的、用於JavaScript開發的、且被公認為最強大的IDE之一。當然，儘管它對提高效率和生產力大有幫助，但是它的費用也相當昂貴。
它所提供的功能包括：程式碼的完成度、易識別的錯誤、可重構的過剩語言程式碼檢查，以及針對客戶端程式碼的內建偵錯程式。這意味著開發人員甚至可以在不退出IDE的狀態下，檢查、執行並評估他們的程式程式碼。
另外，我們可以在WebStorm內進行程式測試，而該工具也能提供一份清楚易讀的報告，讓使用者充分了解有關除錯與測試的各種資訊。同時，它的spy-js功能可以通過跟蹤程式碼，來防止程式碼間產生相互作用和併發影響。
2. Visual Studio Code
Visual Studio Code在業界已經存在了很長一段時間了，而且一直廣受開發者的歡迎。雖然有太多的開發人員願意討論如何在Visual Studio Code中使用Golang，但實際上它也能夠相容其他40種語言。可見，該平臺非常適合於前端的開發。
Visual Studio Code所提供的功能包括：智慧感知(IntelliSense)、內建式git整合、和在編輯器內實現程式碼除錯的能力。同時，該工具還帶有大量的可擴充套件式定製選項。由於它能夠支援多種不同的語言，因此它常年位列最受歡迎的開發工具榜首。
3. Atom IDE
可以毫不誇張地說，沒有Atom的五大IDE列表是不完整的。通過使用Electron和TypeScript的語言包，您可以實現JavaScript、CSS和Node.js之間的相容。除了能用它來查詢各種引用關係、和檢查各種定義的大綱檢視之外，開發人員還可以基於其上下文感知的自動完成工具，來使得自己的程式編碼更加快捷。
另外，Atom的懸停工具能夠用來顯示各種相關的程式碼資訊。同時，它配備了一整套診斷工具，可以幫助開發人員快速地瞭解、並識別出那些並非自己編寫的程式碼(一般由系統自動產生的)。
4. Brackets
這款開源編輯器是由Adobe公司所提供，它是用JavaScript、HTML和CSS編寫而成。Brackets能夠給您帶來原生程式碼的編輯體驗，但是它缺乏對於併發影響的相容。它的實時預覽(Live Preview)功能，能夠讓您的瀏覽器與之同步。而它的快速編輯使用者介面(Quick Edit User Interface)，能夠提供您所需要的全部工具。由於與您所使用的程式碼語言無關，因此它的效果特別好。
5. Komodo Edit
Komodo Edit是您使用JavaScript的另一個不錯的選擇。它是Komodo IDE(僅提供簡單介面)的高階版本。它通常被開發人員當作處理某個系列問題的一種直觀工具。Komodo Edit支援Node.js的每一種功能，包括：除錯、單元測試、與各個構建系統的整合、甚至是協作。
您還可以用它來跟蹤各種變更、檢查不同的標籤、程式碼摺疊(code folding)、程式碼塊、以及進行多選等操作。同時它還提供智慧的語言檢測功能。
下面針對某些常用的功能，我們來看看哪一款IDE會更有優勢。
IDE的優、缺點比較
版本控制
Komodo Edit的一個最突出優點便是版本控制。該功能被內置於它的IDE中，因此它允許開發人員靈活地在他們的程式碼中對git進行推送和拉取。
自動完成和程式碼檢查
當您將Visual Studio Code的功能與WebStorm進行比較時，您會很容易地發現WebStorm擁有著更為強大的功能。Visual Studio不會向您指出某個方法名稱上可能存在的拼寫錯誤。另外，對於一些沒有使用到的方法，它也不會向您發出警告。
可擴充套件性
Atom採用的是模組化的設計，這就意味著該編輯器幾乎所有的部件都可被修改。甚至是它的一些系統核心包，如：搜尋和替換功能，都可以在其編輯器中被調整或取代。同時，它也為新建的外掛提供了相應的文件，這對於從事二次開發的人員來說是再好不過了。
支援程式碼重構
我們在實踐中，保持程式碼的簡單、整潔是非常必要的，而這正是WebStorm的競爭優勢。它直接通過執行提取變數、移動檔案、和內聯變數提取，來自動進行程式碼重構。
哪種更適合初學者?
Atom是一種既適合於有經驗的程式設計師，又能夠讓那些剛走上程式設計道路的初學者容易上手的文字編輯器。它提供了諸如：新增各種快捷鍵、更改主題、安裝外掛、修改核心設定等選項，您既可以通過GUI，也能使用手動方式來實現。可見，Atom更適合於那些初學者。
結論
在實際應用中，開發人員經常會綜合地使用上面提到的五種IDE，讓它們相互補足、相得益彰。因此我們在做選擇的時候，也應當多借鑑各自的優勢，而不要一味追求某個最好的、最全的工具。
原文標題：Top 5 JavaScript IDEs in 2018，作者: Anton Shaleynikov
【51CTO譯稿，合作站點轉載請註明原文譯者和出處為51CTO.com】
【責任編輯：龐桂玉 TEL：（010）68476606】