從最初的dreamweaver,到Notpad++,再到aptana,每一款I(lǐng)DE總讓我我感覺(jué)少了點(diǎn)什么東西。WebStorm卻讓我眼前一亮,雖然公司項(xiàng)目所用的開發(fā)環(huán)境是eclipse+aptana(主要是方便團(tuán)隊(duì)協(xié)作和工程調(diào)試),但是其他時(shí)間我都會(huì)學(xué)習(xí)使用WebStorm。
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)化的地方,并給出修改意見(jiàn),快速修復(fù)。
7、代碼調(diào)試:
8、代碼結(jié)構(gòu)瀏覽:
可以快速瀏覽和定位
9、代碼折疊:
10、包裹或者去掉外圍代碼:
去掉之后就成了:
怎么樣,這些功能足夠多了吧,其中的調(diào)試和重構(gòu)包含了很多,這個(gè)還需要你來(lái)自己挖掘。
本文導(dǎo)航
- 第1頁(yè): 首頁(yè)
- 第2頁(yè): WebStorm的強(qiáng)大之處