網友評分:
9.4分
WebStorm for Mac是由jetbrains公司推出的一款非常實用的JavaScript開發工具,該款工具被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等,與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分功能。Webstorm Mac有著智能代碼補全功能,支持不同瀏覽器的提示,并包括所有用戶自定義的函數,且代碼補全庫中包含了目前所有流行的庫,包括JQuery、YUI、Dojo、Prototype和Mootools and Bindows等。同時它還具有代碼格式化、html提示、聯想查詢、代碼重構、代碼調試和代碼結構瀏覽等優勢功能。Webstorm Mac除了正常的JavaScript開發之外,還具有批量代碼分析、編碼語言混合或內混、拼寫檢查器和重復代碼檢測器等用途。新版全面支持AngularJS,其對流行框架提供高級支持,可智能提示AngularJS指令、controller和application names以及花括號里邊的數據綁定。此外,WebStorm新版還全面支持Spy-js、多個插入符和選擇,并新增Grunt控制臺和Live控制臺等。有需要的朋友快來下載體驗吧!
智能的代碼補全
支持不同瀏覽器的提示,還包括所有用戶自定義的函數(項目中)
代碼補全包含了所有流行的庫,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
代碼格式化
代碼不僅可以格式化,而且所有規則都可以自己來定義
代碼格式化
html提示
大家經常在js代碼中編寫html代碼,一般來說十分痛苦,不過有了智能提示,就爽多了。而且html里面還能有js提示。
代碼編寫中的html提示
聯想查詢
只需要按著Ctrl鍵點擊函數或者變量等,就能直接跳轉到定義;可以全項目查找函數或者變量,還可以查找使用并高亮。
代碼重構
這個操作有些像Resharper,熟悉Resharper的用戶應該上手很快,支持的有重命名、提取變量/函數、內聯變量/函數、移動/復制、安全刪除等等。
代碼檢查和快速修復
可以快速找到代碼中的錯誤或者需要優化的地方,并給出修改意見,快速修復。
代碼調試
支持代碼調試,界面和IDEA相似,非常方便。
代碼結構瀏覽
可以快速瀏覽和定位
代碼折疊
功能雖小,不過勝在方便高效
包裹或者去掉外圍代碼
自動提示包裹或者去掉外圍代碼,一鍵搞定
1、支持AngularJS
對流行框架提供高級支持。智能提示AngularJS指令(包括自定義指令),controller 和 application names以及花括號里邊的數據綁定
2、支持Spy-js
JavaScript追蹤變得簡單。通過Spy-js你可以看到觸發代碼執行的事件的完整列表,然后幫你整理堆棧跟蹤事件,并在源代碼中突出顯示
3、支持多個插入符和選擇
現在WebStorm允許你把插入符放到多個位置,在這些位置你可以同時編輯代碼,輕松地完成編輯和更換
4、內置Grunt控制臺
通過Grunt控制臺可以列出并定義grunt任務的完整列表, 雙擊可執行
5、集成Bower
集成Bower包管理器后,你可以更簡單方便的在IDE中搜索、安裝和管理客戶端庫和框架
6、JavaScript模塊化
完善了對RequireJS和AMD的支持程度,基于requirejs.config實現了源碼導航功能。并改善了對Harmony module loader的支持
7、Live控制臺
在控制臺中的JavaScript和Node.js的調試工具窗口現在可以作為一個shell提示符,并允許您執行命令和JavaScript代碼
8、新增CucumberJS支持
WebStorm現在了解CucumberJS的語法,可以幫助您生成代碼步驟定義。您可以在一個單一的點擊開始測試,看到一個不錯的結構化格式的測試結果,并輕松導航到測試源
1、收藏夾功能
當工程目錄很龐大時,有些子目錄很經常打開,但層級又很深,這時候可以把目錄添加到收藏夾里面,添加成功后,左側有個“Favorites”菜單
2、面包屑導航
除了左側的工程頁面,可以選擇目錄之外,在頂部菜單下有一個類似網站面包屑導航一樣的目錄也可以實現相同功。點擊每個目錄就會有下拉菜單顯示其下的子目錄,很實用.
3、構造器界面
注釋符合格式的話就會出現。如果是js文件則是js類的函數和對象;css文件的話則是這個css文件的概括;html文件的話則是節點的結構圖。話說這幾個就是為了方便查看代碼的結構性
4、todo界面
給代碼加todo注釋就會出現這個界面
5、雙欄代碼界面
右擊代碼選項卡上的文件,然后右鍵 - spilt vertically(左右兩屏)或者spilt horizontally(上下兩屏)
6、本地歷史功能
找回代碼的好辦法
標簽: WebStorm JavaScript 編程開發