我的開發很大一部分是和Javascript打交道,很久以來,我一直在Spket、Aptana、Visual Studio、IntelliJ IDEA、notepad++、vim等選擇中徘徊,因為發現他們都很好,但都缺少我想要的……直到我開始使用WebStorm。
什么是我對Javascript IDE選擇的標准?
1、快速智能的代碼提示(全項目的)和補全
2、支持重構
3、支持代碼格式化細節的自定義
4、良好的編輯體驗(如快速定位最近的編輯、快速查看代碼結構及定義等)
5、輕量、快速
6、便於調試
WebStorm是什么?
WebStorm是JetBrains的一個專門為Web開發人員設計的IDE,JetBrains大家應該不陌生,Resharper、IntelliJ IDEA等都是出自這個公司。
JetBrains給WebStorm下的定義是:The smartest Javascript IDE。敢這么說,肯定是有兩把刷子。但是要注意,這個IDE不是免費的,不過大家都知道應該怎么做的~~
WebStorm有什么功能?
下面我把WebStorm的功能大致羅列一下(這里只說Javascript編輯的功能,其他的html和css之類的大家自己發掘,記得WebStorm可是支持Zencoding的喲,帥~):
1、智能的代碼補全:
支持不同瀏覽器的提示,還包括所有用戶自定義的函數(項目中)
代碼補全包含了所有流行的庫,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、代碼格式化:
代碼不僅可以格式化,而且所有規則都可以自己來定義:
3、代碼編寫中的html提示:
大家經常在js代碼中編寫html代碼,一般來說十分痛苦,不過有了智能提示,就爽多了。
而且html里面還能有js提示
4、代碼導航和用法查詢:
只需要按着Ctrl鍵點擊函數或者變量等,就能直接跳轉到定義:
可以全項目查找函數或者變量,還可以查找使用並高亮:
5、代碼重構(這個操作有些像Resharper,熟悉Resharper的用戶應該上手很快):
支持的有重命名、提取變量/函數、內聯變量/函數、移動/復制、安全刪除等等,比如:
內聯變量重構之后變為:
6、代碼檢查和快速修復:
可以快速找到代碼中的錯誤或者需要優化的地方,並給出修改意見,快速修復。
7、代碼調試:
8、代碼結構瀏覽:
可以快速瀏覽和定位
9、代碼折疊:
10、包裹或者去掉外圍代碼:
去掉之后就成了:
怎么樣,這些功能足夠多了吧,其中的調試和重構包含了很多,這個還需要你來自己挖掘。
怎樣獲得WebStorm?
WebStorm現在的最新版本是2.1.5,官方下載地址是:用力點我下載,這是30天的試用版,不過你知道怎么做的(試試點我)
估計馬上,應該是年底之前,3.0就要出來了。
還有哪些其他功能?
WebStorm還有很多的功能等待挖掘,比如支持所有主流的版本控制,比如svn、git、cvs等;支持FTP的項目,並能自動同步;支持HTML5、Zencoding等等。
我向大家推薦WebStorm做為Javascript編輯器,在使用他的這些日子里,我又重新感受到了編寫js的樂趣。
轉自:http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.html
果然是一款神器啊,太好了,對以后的學習很有幫助啊。當今為止,我用過最好的一款JS開發工具!!