WebStorm for Mac是由jetbrains公司推出的一款非常實用的JavaScript開發(fā)工具，該款工具被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等，與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分功能。Webstorm Mac有著智能代碼補全功能，支持不同瀏覽器的提示，并包括所有用戶自定義的函數(shù)，且代碼補全庫中包含了目前所有流行的庫，包括JQuery、YUI、Dojo、Prototype和Mootools and Bindows等。同時它還具有代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼調(diào)試和代碼結(jié)構(gòu)瀏覽等優(yōu)勢功能。Webstorm Mac除了正常的JavaScript開發(fā)之外，還具有批量代碼分析、編碼語言混合或內(nèi)混、拼寫檢查器和重復(fù)代碼檢測器等用途。新版全面支持AngularJS，其對流行框架提供高級支持，可智能提示AngularJS指令、controller和application names以及花括號里邊的數(shù)據(jù)綁定。此外，WebStorm新版還全面支持Spy-js、多個插入符和選擇，并新增Grunt控制臺和Live控制臺等。有需要的朋友快來下載體驗吧！

【功能介紹】

　　智能的代碼補全

　　支持不同瀏覽器的提示，還包括所有用戶自定義的函數(shù)(項目中)

　　代碼補全包含了所有流行的庫，比如：JQuery, YUI, Dojo, Prototype, Mootools and Bindows。

　　代碼格式化

　　代碼不僅可以格式化，而且所有規(guī)則都可以自己來定義

　　代碼格式化

　　html提示

　　大家經(jīng)常在js代碼中編寫html代碼，一般來說十分痛苦，不過有了智能提示，就爽多了。而且html里面還能有js提示。

　　代碼編寫中的html提示

　　聯(lián)想查詢

　　只需要按著Ctrl鍵點擊函數(shù)或者變量等，就能直接跳轉(zhuǎn)到定義；可以全項目查找函數(shù)或者變量，還可以查找使用并高亮。

　　代碼重構(gòu)

　　這個操作有些像Resharper，熟悉Resharper的用戶應(yīng)該上手很快，支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動/復(fù)制、安全刪除等等。

　　代碼檢查和快速修復(fù)

　　可以快速找到代碼中的錯誤或者需要優(yōu)化的地方，并給出修改意見，快速修復(fù)。

　　代碼調(diào)試

　　支持代碼調(diào)試，界面和IDEA相似，非常方便。

　　代碼結(jié)構(gòu)瀏覽

　　可以快速瀏覽和定位

　　代碼折疊

　　功能雖小，不過勝在方便高效

　　包裹或者去掉外圍代碼

　　自動提示包裹或者去掉外圍代碼，一鍵搞定

【軟件特色】

　　1、支持AngularJS

　　對流行框架提供高級支持。智能提示AngularJS指令（包括自定義指令），controller 和 application names以及花括號里邊的數(shù)據(jù)綁定

　　2、支持Spy-js

　　JavaScript追蹤變得簡單。通過Spy-js你可以看到觸發(fā)代碼執(zhí)行的事件的完整列表，然后幫你整理堆棧跟蹤事件，并在源代碼中突出顯示

　　3、支持多個插入符和選擇

　　現(xiàn)在WebStorm允許你把插入符放到多個位置，在這些位置你可以同時編輯代碼，輕松地完成編輯和更換

　　4、內(nèi)置Grunt控制臺

　　通過Grunt控制臺可以列出并定義grunt任務(wù)的完整列表， 雙擊可執(zhí)行

　　5、集成Bower

　　集成Bower包管理器后，你可以更簡單方便的在IDE中搜索、安裝和管理客戶端庫和框架

　　6、JavaScript模塊化

　　完善了對RequireJS和AMD的支持程度，基于requirejs.config實現(xiàn)了源碼導(dǎo)航功能。并改善了對Harmony module loader的支持

　　7、Live控制臺

　　在控制臺中的JavaScript和Node.js的調(diào)試工具窗口現(xiàn)在可以作為一個shell提示符，并允許您執(zhí)行命令和JavaScript代碼

　　8、新增CucumberJS支持

　　WebStorm現(xiàn)在了解CucumberJS的語法，可以幫助您生成代碼步驟定義。您可以在一個單一的點擊開始測試，看到一個不錯的結(jié)構(gòu)化格式的測試結(jié)果，并輕松導(dǎo)航到測試源

【使用技巧】

　　1、收藏夾功能

　　當(dāng)工程目錄很龐大時，有些子目錄很經(jīng)常打開，但層級又很深，這時候可以把目錄添加到收藏夾里面，添加成功后，左側(cè)有個“Favorites”菜單

　　2、面包屑導(dǎo)航

　　除了左側(cè)的工程頁面，可以選擇目錄之外，在頂部菜單下有一個類似網(wǎng)站面包屑導(dǎo)航一樣的目錄也可以實現(xiàn)相同功。點擊每個目錄就會有下拉菜單顯示其下的子目錄，很實用.

　　3、構(gòu)造器界面

　　注釋符合格式的話就會出現(xiàn)。如果是js文件則是js類的函數(shù)和對象；css文件的話則是這個css文件的概括；html文件的話則是節(jié)點的結(jié)構(gòu)圖。話說這幾個就是為了方便查看代碼的結(jié)構(gòu)性

　　4、todo界面

　　給代碼加todo注釋就會出現(xiàn)這個界面

　　5、雙欄代碼界面

　　右擊代碼選項卡上的文件，然后右鍵 - spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)

　　6、本地歷史功能

　　找回代碼的好辦法