Web開發神器,最智能的Javascript IDE——WebStorm


我的開發很大一部分是和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開發工具!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM