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

【功能介紹】

　　智能的代碼補(bǔ)全

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

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

　　代碼格式化

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

　　代碼格式化

　　html提示

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

　　代碼編寫中的html提示

　　聯(lián)想查詢

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

　　代碼重構(gòu)

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

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

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

　　代碼調(diào)試

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

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

　　可以快速瀏覽和定位

　　代碼折疊

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

　　包裹或者去掉外圍代碼

　　自動(dòng)提示包裹或者去掉外圍代碼，一鍵搞定

【軟件特色】

　　1、支持AngularJS

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

　　2、支持Spy-js

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

　　3、支持多個(gè)插入符和選擇

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

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

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

　　5、集成Bower

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

　　6、JavaScript模塊化

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

　　7、Live控制臺(tái)

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

　　8、新增CucumberJS支持

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

【使用技巧】

　　1、收藏夾功能

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

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

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

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

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

　　4、todo界面

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

　　5、雙欄代碼界面

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

　　6、本地歷史功能

　　找回代碼的好辦法