從最初的dreamweaver,到Notpad++,再到aptana，每一款I(lǐng)DE總讓我我感覺(jué)少了點(diǎn)什么東西。WebStorm卻讓我眼前一亮，雖然公司項(xiàng)目所用的開(kāi)發(fā)環(huán)境是eclipse+aptana（主要是方便團(tuán)隊(duì)協(xié)作和工程調(diào)試），但是其他時(shí)間我都會(huì)學(xué)習(xí)使用WebStorm。
WebStorm有什么功能?
下面我把WebStorm的功能大致羅列一下(這里只說(shuō)Javascript編輯的功能，其他的html和css之類(lèi)的大家自己發(fā)掘，記得WebStorm可是支持Zencoding的喲，帥~)：
1、智能的代碼補(bǔ)全：
支持不同瀏覽器的提示，還包括所有用戶(hù)自定義的函數(shù)(項(xiàng)目中)
代碼補(bǔ)全包含了所有流行的庫(kù)，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、代碼格式化：
代碼不僅可以格式化，而且所有規(guī)則都可以自己來(lái)定義：
3、代碼編寫(xiě)中的html提示：
大家經(jīng)常在js代碼中編寫(xiě)html代碼，一般來(lái)說(shuō)十分痛苦，不過(guò)有了智能提示，就爽多了。
而且html里面還能有js提示
4、代碼導(dǎo)航和用法查詢(xún)：
只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義：
可以全項(xiàng)目查找函數(shù)或者變量，還可以查找使用并高亮：
5、代碼重構(gòu)(這個(gè)操作有些像Resharper，熟悉Resharper的用戶(hù)應(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)化的地方，并給出修改意見(jiàn)，快速修復(fù)。
7、代碼調(diào)試：
8、代碼結(jié)構(gòu)瀏覽：
可以快速瀏覽和定位
9、代碼折疊：
10、包裹或者去掉外圍代碼：
去掉之后就成了：
怎么樣，這些功能足夠多了吧，其中的調(diào)試和重構(gòu)包含了很多，這個(gè)還需要你來(lái)自己挖掘。
讓我們來(lái)看看它都有哪些強(qiáng)大之處吧：
瀏覽器支持細(xì)節(jié)提示
關(guān)鍵字，標(biāo)簽，變量，參數(shù)和功能的JavaScript代碼完成是基于支持DOM的流行的瀏覽器（IE，火狐等）標(biāo)準(zhǔn)，可以顯示在不同瀏覽器之下的支持細(xì)節(jié)。
智能的代碼導(dǎo)航和搜索提示
ECMAScript的Harmony支持
WebStorm支持最新的ECMAScript版本，你可以嘗試新的功能，每個(gè)JavaScript引擎的實(shí)現(xiàn)增加了別人所不具備的一些不錯(cuò)的功能，當(dāng)您使用的目前選定的JavaScript版本不支持，WebStorm將通知您，并建議速戰(zhàn)速?zèng)Q：
支持CoffeeScript
CoffeeScript是一種編程語(yǔ)言，編譯JavaScript和增強(qiáng)其簡(jiǎn)潔性和可讀性，同時(shí)還增加了一些復(fù)雜的功能，像陣列的理解和模式匹配。WebStorm提供您：
代碼導(dǎo)航和完成
重命名重構(gòu)
語(yǔ)法高亮
錯(cuò)誤檢查
查找使用實(shí)例
支持Node.js
WebStorm允許你調(diào)試和驗(yàn)證您的服務(wù)器端JavaScript – Node.js的應(yīng)用。
編輯CommonJS的模塊結(jié)構(gòu)，并提出適當(dāng)?shù)淖詣?dòng)完成選項(xiàng)：
JavaScript的重構(gòu)
為JavaScript提供的重構(gòu)功能，讓您可以輕松地修改代碼結(jié)構(gòu)，以及撤消修改。
移動(dòng)/復(fù)制
安全刪除
提取到嵌入的腳本文件
重命名
提取變量/函數(shù)
內(nèi)聯(lián)變量/函數(shù)
JavaScript單元測(cè)試
如果你是一個(gè)JavaScript開(kāi)發(fā)人員，你可能知道，您的應(yīng)用程序的質(zhì)量和正確性是至關(guān)重要的。那么，一致性測(cè)試和回歸測(cè)試正好是你的痛苦少一點(diǎn)。支持JsTestDriver插件。
WebStorm為單元測(cè)試提供了一個(gè)清晰的畫(huà)面。從現(xiàn)在開(kāi)始，JsTestDriver用戶(hù)可以測(cè)量代碼覆蓋率。
在IDE線行使你的單元測(cè)試：
你還可以看到文件和目錄在項(xiàng)目視圖的測(cè)試覆蓋率統(tǒng)計(jì)：
代碼檢查和快速修復(fù)
為了確保更好的代碼質(zhì)量，WebStorm可以捕捉動(dòng)態(tài)的JavaScript代碼中的常見(jiàn)錯(cuò)誤…
…，并為他們提供了快速修復(fù)。
支持JSLint / JSHint
JavaScript代碼質(zhì)量工具集成在IDE中。
基于Mozilla Firefox的JavaScript調(diào)試器
HTML和JavaScript斷點(diǎn)
定制斷點(diǎn)屬性：暫停模式，條件，通過(guò)計(jì)數(shù)
幀，變量和JavaScript調(diào)試器
JavaScript表達(dá)式的運(yùn)行評(píng)價(jià)
批量代碼分析
無(wú)需通過(guò)點(diǎn)擊所有文件或部署到服務(wù)器。整個(gè)源代碼樹(shù)的啟動(dòng)代碼分析，可以在一個(gè)單一的視圖中看到所有的結(jié)果。
語(yǔ)言混合編輯
支持任何代碼中的“外部”和“內(nèi)部”的語(yǔ)言 – 享受以外的JavaScript代碼塊，或在JavaScript字符串文字編碼的CSS，HTML，SQL等。
拼寫(xiě)檢查
集成拼寫(xiě)檢查驗(yàn)證在標(biāo)簽的文本，代碼串，評(píng)論，以避免您的網(wǎng)頁(yè)上的拼寫(xiě)錯(cuò)誤和錯(cuò)別字。以確保代碼的可讀性更好，甚至變量名，CSS類(lèi)和ID拼寫(xiě)檢查。
智能重復(fù)代碼檢測(cè)
支持HTML5
WebStorm也明白你的代碼和每個(gè)元素的類(lèi)型，并顯示新的HTML5元素支持的方法：
只需按Ctrl +空格，WebStorm會(huì)顯示所有可能的自動(dòng)完成選項(xiàng)。
驗(yàn)證和快速修復(fù)
WebStorm可以修復(fù)檢測(cè)下列問(wèn)題，并給你更合理的建議建議：
無(wú)效的CSS選擇器的格式
無(wú)效的CSS屬性
未使用的CSS類(lèi)定義
無(wú)效的本地錨和更多…
缺少必需的屬性
無(wú)效的屬性或非法值
錯(cuò)誤的引用文件中的鏈接
重復(fù)的屬性
每當(dāng)你看到一個(gè)燈泡，打ALT +回車(chē)，看看WebStorm有什么建議：
支持Zen Coding
WebStorm內(nèi)置了zen coding，可以使你編寫(xiě)代碼更有效率。輸入div.feature> H4 + P， 按 Tab ，你會(huì)得到
顯示內(nèi)容
鼠標(biāo)移到HTML中的CSS選擇器，可以立即顯示這個(gè)選擇器的實(shí)際的樣式；引用調(diào)用一個(gè)圖像文件的時(shí)，你會(huì)看到圖片預(yù)覽。
應(yīng)用樣式
此命令將打開(kāi)的標(biāo)簽應(yīng)用到通過(guò)CSS樣式的樹(shù)視圖里的樣式。
HTML5的樣板和其他Web應(yīng)用程序模板
當(dāng)你創(chuàng)建一個(gè)新項(xiàng)目的時(shí)候，WebStorm提供一些知名的項(xiàng)目模板，根據(jù)自己的需要使用：
FTP和遠(yuǎn)程文件同步化
你可以使用簡(jiǎn)單的配置和直觀的用戶(hù)界面，從遠(yuǎn)程主機(jī)的FTP，或安裝網(wǎng)絡(luò)驅(qū)動(dòng)器打開(kāi)文件。
可以使用自動(dòng)同步功能保存本地編輯項(xiàng)目文件和部署到遠(yuǎn)程服務(wù)器。
在Web服務(wù)器的配置標(biāo)記的目錄排除，包括從轉(zhuǎn)讓和設(shè)置索引|目錄。
集成版本控制系統(tǒng)
WebStorm支持最流行的版本控制系統(tǒng)：
Subversion
Mercurial
Git
Perforce
CVS
TFS
至此，我們已經(jīng)大概了解WebStorm提供的一些最令人興奮的功能。但這些只是冰山的一角。如果想有更多體驗(yàn)，不放自己下載一試。
喜歡 
頂
難過(guò)
囧
圍觀
無(wú)聊
