雖然WebStorm的js的提示遠(yuǎn)遠(yuǎn)不如aptana那么強(qiáng)悍(輸入字母d不提示document),但是做為 IntelliJ IDEA 的js縮水版,其它功能也是比較期待的。在中國,WebStorm被JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaScript IDE”等,足見其功能的強(qiáng)大。

【功能特色】
1、智能的代碼補(bǔ)支持不同瀏覽器的提示,還包括所有用戶自定義的函數(shù)(項(xiàng)目中)
代碼補(bǔ)全包含了所有流行的庫,比如:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。
2、代碼格式化
代碼不僅可以格式化,而且所有規(guī)則都可以自己來定義
3、html提示
大家經(jīng)常在js代碼中編寫html代碼,一般來說十分痛苦,不過有了智能提示,就爽多了。而且html里面還能有js提示。
4、聯(lián)想查詢
只需要按著Ctrl鍵點(diǎn)擊函數(shù)或者變量等,就能直接跳轉(zhuǎn)到定義;可以全項(xiàng)目查找函數(shù)或者變量,還可以查找使用并高亮。
5、代碼重構(gòu)
這個(gè)操作有些像Resharper,熟悉Resharper的用戶應(yīng)該上手很快,支持的有重命名、提取變量/函數(shù)、內(nèi)聯(lián)變量/函數(shù)、移動(dòng)/復(fù)制、安全刪除等等。
6、代碼檢查和快速修復(fù)
可以快速找到代碼中的錯(cuò)誤或者需要優(yōu)化的地方,并給出修改意見,快速修復(fù)。
7、代碼調(diào)試
支持代碼調(diào)試,界面和IDEA相似,非常方便。
8、代碼結(jié)構(gòu)瀏覽
可以快速瀏覽和定位
9、代碼折疊
功能雖小,不過勝在方便高效
10、包裹或者去掉外圍代碼
自動(dòng)提示包裹或者去掉外圍代碼,一鍵搞定
【主要功能】
關(guān)于JaveScript· 基于DOM,特定瀏覽器完成
· 編碼導(dǎo)航和用法查詢
· 支持ECMAScript
· 支持CoffeeScript
· 支持結(jié)點(diǎn)
· JavaScript重構(gòu)
· JavaScript單元測試
· 代碼檢測和快速修復(fù)
· JSLint/JSHint
· 基于 Mozilla的JavaScript調(diào)試器
編碼以外的功能
· 批量代碼分析
· 編碼語言混合或內(nèi)混
· 拼寫檢查器
· 重復(fù)代碼檢測器
關(guān)于HTML/HTML5/CSS
· 支持HTML5
· 檢驗(yàn)和快速修復(fù)
· Zen編碼
· 顯示內(nèi)容
· 顯示應(yīng)用的風(fēng)格
便捷的環(huán)境
· HTML5樣本文件和其他Web應(yīng)用程序模板
· FTP和遠(yuǎn)程文件同步
· 集成了版本控制系統(tǒng)
· 本地記錄
【默認(rèn)配置下的常用快捷鍵】
查找/代替快捷鍵說明ctrl+shift+N 通過文件名快速查找工程內(nèi)的文件(必記)
ctrl+shift+alt+N 通過一個(gè)字符快速查找位置(必記)
ctrl+F 在文件內(nèi)快速查找代碼
F3 查找下一個(gè)
shift+F3 查找上一個(gè)
ctrl+R 文件內(nèi)代碼替換
ctrl+shift+R 指定目錄內(nèi)代碼批量替換
ctrl+shift+F 指定目錄內(nèi)代碼批量查找
ctrl+R 文件內(nèi)代碼替換
界面操作快捷鍵說明
ctrl+shift+A 快速查找并使用編輯器所有功能(必記)
alt+[0-9] 快速拆合功能界面模塊
ctrl+shift+F12 最大區(qū)域顯示代碼(會(huì)隱藏其他的功能界面模塊)
alt+shift+F 將當(dāng)前文件加入收藏夾
ctrl+alt+s 打開配置窗口
ctrl+tab 切換代碼選項(xiàng)卡(還要進(jìn)行此選擇,效率差些)
alt+<- -=""> 切換代碼選項(xiàng)卡
快捷鍵說明
ctrl+shift+N 通過文件名快速查找工程內(nèi)的文件(必記)
ctrl+shift+alt+N 通過一個(gè)字符快速查找位置(必記)
ctrl+F 在文件內(nèi)快速查找代碼
F3 查找下一個(gè)
shift+F3 查找上一個(gè)
ctrl+R 文件內(nèi)代碼替換
ctrl+shift+R 指定目錄內(nèi)代碼批量替換
ctrl+shift+F 指定目錄內(nèi)代碼批量查找
ctrl+R 文件內(nèi)代碼替換
界面操作快捷鍵說明
ctrl+shift+A 快速查找并使用編輯器所有功能(必記)
alt+[0-9] 快速拆合功能界面模塊
ctrl+shift+F12 最大區(qū)域顯示代碼(會(huì)隱藏其他的功能界面模塊)
alt+shift+F 將當(dāng)前文件加入收藏夾
ctrl+alt+s 打開配置窗口
ctrl+tab 切換代碼選項(xiàng)卡(還要進(jìn)行此選擇,效率差些)
alt+<- -=""> 切換代碼選項(xiàng)卡
ctrl+F4 關(guān)閉當(dāng)前代碼選項(xiàng)卡
代碼編輯快捷鍵說明
ctrl+D 復(fù)制當(dāng)前行
ctrl+W 選中單詞
ctrl+<- -=""> 以單詞作為邊界跳光標(biāo)位置
alt+Insert 新建一個(gè)文件或其他
ctrl+alt+L 格式化代碼
shift+tab/tab 減少/擴(kuò)大縮進(jìn)(可以在代碼中減少行縮進(jìn))
ctrl+Y 刪除一行
shift+enter 重新開始一行(無論光標(biāo)在哪個(gè)位置)
導(dǎo)航快捷鍵說明
esc 進(jìn)入代碼編輯區(qū)域
alt+F1 查找代碼在其他界面模塊的位置,頗為有用
ctrl+G 到指定行的代碼
ctrl+]/[ 光標(biāo)到代碼塊的前面或后面
alt+up/down 上一個(gè)/下一個(gè)方法
建議配置版本控制快捷鍵快捷鍵說明
ctrl+C 提交代碼
ctrl+p 向遠(yuǎn)程版本庫推送更新
ctrl+G 到指定行的代碼
ctrl+]/[ 光標(biāo)到代碼塊的前面或后面
alt+up/down 上一個(gè)/下一個(gè)方法

![WebStorm(JavaScript開發(fā)工具) V11.0.2 Mac版[網(wǎng)盤資源]](/up/1512/2015122815444.png)
![WebStorm(JavaScript開發(fā)工具) V11.0.2 Mac版[網(wǎng)盤資源]圖1](/up/1405/201452614270.jpg)
![WebStorm(JavaScript開發(fā)工具) V11.0.2 Mac版[網(wǎng)盤資源]圖2]( /up/1405/201452614276.jpg)































