【egret】WebStorm——html5+js/ts專用IDE

http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.htmlcss

 

WebStorm是什麼?

WebStorm是JetBrains的一個專門爲Web開發人員設計的IDE,JetBrains你們應該不陌生,Resharper、IntelliJ IDEA等都是出自這個公司。html

JetBrains給WebStorm下的定義是:The smartest Javascript IDE。敢這麼說,確定是有兩把刷子。可是要注意,這個IDE不是免費的,不過你們都知道應該怎麼作的~~html5

 

WebStorm有什麼功能?

下面我把WebStorm的功能大體羅列一下(這裏只說Javascript編輯的功能,其餘的html和css之類的你們本身發掘,記得WebStorm但是支持Zencoding的喲,帥~):web

 

一、智能的代碼補全:瀏覽器

支持不一樣瀏覽器的提示,還包括全部用戶自定義的函數(項目中)安全

代碼補全包含了全部流行的庫,好比:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。webstorm

 

二、代碼格式化:ide

代碼不只能夠格式化,並且全部規則均可以本身來定義:函數

 

三、代碼編寫中的html提示:優化

你們常常在js代碼中編寫html代碼,通常來講十分痛苦,不過有了智能提示,就爽多了。

並且html裏面還能有js提示

 

四、代碼導航和用法查詢:

只須要按着Ctrl鍵點擊函數或者變量等,就能直接跳轉到定義:

能夠全項目查找函數或者變量,還能夠查找使用並高亮:

 

五、代碼重構(這個操做有些像Resharper,熟悉Resharper的用戶應該上手很快):

支持的有重命名、提取變量/函數、內聯變量/函數、移動/複製、安全刪除等等,好比:

內聯變量重構以後變爲:

 

六、代碼檢查和快速修復:

能夠快速找到代碼中的錯誤或者須要優化的地方,並給出修改意見,快速修復。

 

七、代碼調試:

 

八、代碼結構瀏覽:

能夠快速瀏覽和定位

 

九、代碼摺疊:

 

十、包裹或者去掉外圍代碼:

去掉以後就成了:

怎麼樣,這些功能足夠多了吧,其中的調試和重構包含了不少,這個還須要你來本身挖掘。

 

下載地址(官方):http://www.jetbrains.com/webstorm/

 

WebStorm 6.0 7.0 註冊碼

User Name: EMBRACE
 
License Key:
===== LICENSE BEGIN =====
24718-12042010
00001h6wzKLpfo3gmjJ8xoTPw5mQvY
YA8vwka9tH!vibaUKS4FIDIkUfy!!f
3C"rQCIRbShpSlDcFT1xmJi5h0yQS6
===== LICENSE END =====

 

http://blog.csdn.net/yuechuzhao/article/details/9208463

爲WebStorm添加cocos2d-html5智能感知

按下Ctrl+Alt+S打開設置頁面,選擇libraries

選擇add

而後選擇所需的包

記得要選上extensions

肯定後發現智能感知已經有效了。

相關文章
相關標籤/搜索