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】