什么是我對(duì)Javascript IDE選擇的標(biāo)準(zhǔn)?

◆ 快速智能的代碼提示(全項(xiàng)目的)和補(bǔ)全

◆ 支持重構(gòu)

◆ 支持代碼格式化細(xì)節(jié)的自定義

◆ 良好的編輯體驗(yàn)(如快速定位最近的編輯、快速查看代碼結(jié)構(gòu)及定義等)

◆ 輕量、快速

◆ 便于調(diào)試

WebStorm是什么?

WebStorm是JetBrains的一個(gè)專門為Web開發(fā)人員設(shè)計(jì)的IDE，JetBrains大家應(yīng)該不陌生，Resharper、IntelliJ IDEA等都是出自這個(gè)公司。

JetBrains給WebStorm下的定義是：The smartest Javascript IDE。敢這么說(shuō)，肯定是有兩把刷子。但是要注意，這個(gè)IDE不是免費(fèi)的，不過(guò)大家都知道應(yīng)該怎么做的~~

WebStorm有什么功能?

下面我把WebStorm的功能大致羅列一下(這里只說(shuō)Javascript編輯的功能，其他的html和css之類的大家自己發(fā)掘，記得WebStorm可是支持Zencoding的喲，帥~)：

1、智能的代碼補(bǔ)全：

支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項(xiàng)目中)

代碼補(bǔ)全包含了所有流行的庫(kù)，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

2、代碼格式化：

代碼不僅可以格式化，而且所有規(guī)則都可以自己來(lái)定義：

3、代碼編寫中的html提示：

大家經(jīng)常在js代碼中編寫html代碼，一般來(lái)說(shuō)十分痛苦，不過(guò)有了智能提示，就爽多了。

而且html里面還能有js提示

4、代碼導(dǎo)航和用法查詢：

只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義：

可以全項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮：

5、代碼重構(gòu)(這個(gè)操作有些像Resharper，熟悉Resharper的用戶應(yīng)該上手很快)：

支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等，比如：

內(nèi)聯(lián)變量重構(gòu)之后變?yōu)椋?/p>

6、代碼檢查和快速修復(fù)：

可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方，并給出修改意見，快速修復(fù)。

7、代碼調(diào)試：

8、代碼結(jié)構(gòu)瀏覽：

可以快速瀏覽和定位

9、代碼折疊：

10、包裹或者去掉外圍代碼：

去掉之后就成了：

怎么樣，這些功能足夠多了吧，其中的調(diào)試和重構(gòu)包含了很多，這個(gè)還需要你來(lái)自己挖掘。

怎樣獲得WebStorm?

WebStorm現(xiàn)在的最新版本是2.1.5，官方下載地址是：用力點(diǎn)我下載，這是30天的試用版，不過(guò)你知道怎么做的(試試點(diǎn)我)

估計(jì)馬上，應(yīng)該是年底之前，3.0就要出來(lái)了。

還有哪些其他功能?

WebStorm還有很多的功能等待挖掘，比如支持所有主流的版本控制，比如svn、git、cvs等;支持FTP的項(xiàng)目，并能自動(dòng)同步;支持HTML5、Zencoding等等。