閱讀本文之前，分享大家一張圖片，看圖會發(fā)現(xiàn)JavaScript開發(fā)需求最高，占比達(dá)到42.84%，因此掌握J(rèn)avaScript語言好工作就不愁啦，工欲善其事必先利其器，那么選擇IDE來開發(fā)是至關(guān)重要的，本文指出常用的幾款JavaScript IDE，分析其優(yōu)缺點(diǎn)，如有不完善的請大家補(bǔ)充

　WebStorm

優(yōu)點(diǎn)：

1. 關(guān)鍵字提示

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

2. 支持代碼重構(gòu)

做開發(fā)最頭疼的就是維護(hù)結(jié)構(gòu)混亂的代碼，為了保證你的代碼后期維護(hù)簡單快捷，開發(fā)過程中就必須確保代碼整潔，WebStorm 則會幫助你自動重構(gòu)代碼，如移動文件，內(nèi)聯(lián)變量提取等。

3. 集成Node.js

WebStorm 集成Node.js ,可以運(yùn)行，編譯，測試Node.js App。

4. 集成代碼質(zhì)量工具

集成了JSHint,JSLint，JSCS 等。

5. 保存本地歷史記錄

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

缺點(diǎn)：商用付費(fèi)，偶爾性能較差，后臺會創(chuàng)建.idea 文件，一個窗口中無法打開多個項(xiàng)目，非原生文件系統(tǒng)經(jīng)常會出現(xiàn)很多問題

　Atom

優(yōu)點(diǎn)：

內(nèi)置包管理功能

Atom內(nèi)置包管理功能，是Atom最重要的功能特征

開源免費(fèi)

Atom 在GitHub上是開源的，并且是免費(fèi)的

內(nèi)嵌Git 控件，Web技術(shù)

內(nèi)嵌Web 技術(shù)如JS，HTML及CSS

缺點(diǎn)：效率低

　Sublime Text

優(yōu)點(diǎn)：快

Sublime Text 最顯著的特點(diǎn)就是啟動和使用的過程中一個感覺就是快

多行選擇和編輯

多個光標(biāo)和列選擇支持同時選擇多行編輯。非?？犰诺墓δ?/p>

支持多個操作系統(tǒng)

支持Windows,Linux,OSX.

插件種類非常豐富

低內(nèi)存消耗

缺點(diǎn)：

沒有調(diào)試器

缺少代碼重構(gòu)等功能

嚴(yán)格來講Sublime Text 是文本編輯器，不能稱之為IDE

　Vim

有很多插件支持，有望成為成熟功能全面的IDE。

優(yōu)點(diǎn)：功能非常強(qiáng)大，免費(fèi)快并且輕量級；跨平臺，穩(wěn)定

缺點(diǎn)：上手難，界面風(fēng)格老舊，70年代的風(fēng)格，并不適合所有人

　Visual Studio Code

VSCode 主要集中開發(fā)，重定義功能，內(nèi)置Debug 和云應(yīng)用。Code 是免費(fèi)的且可用于多個平臺如Linux,Mac OSX,以及Windows，內(nèi)嵌Git控件。

缺點(diǎn)：加載時間慢

　Brackets

Brackets 是開源的代碼編輯器，前端工程師和Web設(shè)計人員比較適用，支持多平臺，且不需要區(qū)分前后端。界面非常整潔，清新。啟動非?？?。項(xiàng)目之間切換也非常方便。

缺點(diǎn)：效率低，同一時間只能打開一個文件。功能不全，缺少靜態(tài)內(nèi)核分析功能，也缺少一些元素級別的文本編輯命令。

　Codenvy

開發(fā)人員使用Codenvy可以修改，運(yùn)行，編譯云端代碼。

能夠提供自定義運(yùn)行時環(huán)境，調(diào)試代碼；能夠?qū)⒐ぷ鬟M(jìn)度共享，且安裝非常便捷。

　Microsoft's Visual Studio

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

缺點(diǎn)只能用于Windows 平臺