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

　WebStorm

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

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

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

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

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

3. 集成Node.js

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

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

集成了JSHint,JSLint，JSCS 等。

5. 保存本地歷史記錄

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

缺點(diǎn)：商用付費(fèi)，偶爾性能較差，后臺(tái)會(huì)創(chuàng)建.idea 文件，一個(gè)窗口中無法打開多個(gè)項(xiàng)目，非原生文件系統(tǒng)經(jīng)常會(huì)出現(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)就是啟動(dòng)和使用的過程中一個(gè)感覺就是快

多行選擇和編輯

多個(gè)光標(biāo)和列選擇支持同時(shí)選擇多行編輯。非常酷炫的功能

支持多個(gè)操作系統(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)快并且輕量級(jí)；跨平臺(tái)，穩(wěn)定

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

　Visual Studio Code

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

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

　Brackets

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

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

　Codenvy

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

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

　Microsoft's Visual Studio

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

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