哪些JavaScript IDE最好用？

本文來自博客園 - 葡萄城團隊博客原創並首發

轉載請註明出處：葡萄城官網，葡萄城爲開發者提供專業的開發工具、解決方案和服務，賦能開發者。

閱讀本文以前，分享你們一張圖片，看圖會發現JavaScript開發需求最高，佔比達到42.84%，所以掌握JavaScript語言好工做就不愁啦，工欲善其事必先利其器，那麼選擇IDE來開發是相當重要的，本文指出經常使用的幾款JavaScript IDE，分析其優缺點，若有不完善的請你們補充

 

WebStorm

優勢：

1. 關鍵字提示

使用WebStorm開發時，它會自動提示JS變量，關鍵字，方法，函數或參數名，可幫助你快速輸入，避免一些低級的輸入錯誤。

2. 支持代碼重構

作開發最頭疼的就是維護結構混亂的代碼，爲了保證你的代碼後期維護簡單快捷，開發過程當中就必須確保代碼整潔，WebStorm 則會幫助你自動重構代碼，如移動文件，內聯變量提取等。

3. 集成Node.js

WebStorm 集成Node.js ,能夠運行，編譯，測試Node.js App。

4.  集成代碼質量工具

集成了JSHint,JSLint，JSCS 等。

5. 保存本地歷史記錄

本地歷史記錄能夠幫助你跟蹤代碼，獲取修改的代碼。

缺點：商用付費，偶爾性能較差，後臺會建立.idea 文件，一個窗口中沒法打開多個項目，非原生文件系統常常會出現不少問題

 

Atom

優勢：

內置包管理功能

Atom內置包管理功能，是Atom最重要的功能特徵

開源免費

Atom 在GitHub上是開源的，而且是免費的

內嵌Git 控件，Web技術

內嵌Web 技術如JS，HTML及CSS

缺點：效率低

Sublime Text

優勢：快

Sublime Text 最顯著的特色就是啓動和使用的過程當中一個感受就是快

多行選擇和編輯

多個光標和列選擇支持同時選擇多行編輯。很是酷炫的功能

支持多個操做系統

支持Windows,Linux,OSX.

插件種類很是豐富

低內存消耗

缺點：

沒有調試器

缺乏代碼重構等功能

嚴格來說Sublime Text 是文本編輯器，不能稱之爲IDE

 

Vim

有不少插件支持，有望成爲成熟功能全面的IDE。

優勢：功能很是強大，免費快而且輕量級；跨平臺，穩定

缺點：上手難，界面風格老舊，70年代的風格，並不適合全部人

 

Visual Studio Code

VSCode 主要集中開發，重定義功能，內置Debug 和雲應用。Code 是免費的且可用於多個平臺如Linux,Mac OSX,以及Windows，內嵌Git控件。

缺點：加載時間慢

Brackets

Brackets 是開源的代碼編輯器，前端工程師和Web設計人員比較適用，支持多平臺，且不須要區分先後端。界面很是整潔，清新。啓動很是快。項目之間切換也很是方便。

缺點：效率低，同一時間只能打開一個文件。功能不全，缺乏靜態內核分析功能，也缺乏一些元素級別的文本編輯命令。

Codenvy

開發人員使用Codenvy能夠修改，運行，編譯雲端代碼。

可以提供自定義運行時環境，調試代碼；可以將工做進度共享，且安裝很是便捷。

Microsoft's Visual Studio

JavaScript Intellisense 的引入讓VS提供很是有用的腳本提示和自動完成輸入功能。界面友好清潔。

缺點只能用於Windows 平臺

 

支持 JavaScript 的工具

1. SpreadJS  是一款企業級 JavaScript 電子表格控件，能將電子表格、數據可視化及計算功能集成在 JavaScript Web 應用程序中，建立計算器、動態交互式儀表盤和樣式豐富的報表，能夠流暢操做海量數據。

 

2. Wijmo Enterprise  是爲企業應用程序開發而推出的一系列包含HTML5 和JavaScript 的開發控件集。不管應用程序是移動端、PC端、仍是必需要支持IE6，Wijmo Enterprise 均能知足需求。

 

相關閱讀：

開放才能進步！Angular和Wijmo一塊兒走過的日子

Angular vs React 最全面深刻對比 

Wijmo已率先支持Angular4 & TypeScript 2.2