WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。被廣大中國(guó)JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaSscript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。^百度百科

現(xiàn)將最常用的快捷鍵挑出來備忘，既能方便記憶，又能提高工作效率。

WebStorm快捷鍵操作 最近一段時(shí)間在寫javascript時(shí)，找到一個(gè)灰常強(qiáng)悍的IDE。名稱叫：WebStorm

目前是英文版的，功能很強(qiáng)大。我也在慢慢摸索之中，現(xiàn)把它的一些常用的快捷鍵列出來，供使用者參考。

1. ctrl + shift + n: 打開工程中的文件，目的是打開當(dāng)前工程下任意目錄的文件。
2. ctrl + j: 輸出模板
3. ctrl + b: 跳到變量申明處
4. ctrl + alt + T: 圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)
5. ctrl + []: 匹配 {}[]
6. ctrl + F12: 可以顯示當(dāng)前文件的結(jié)構(gòu)
7. ctrl + x: 剪切(刪除)行，不選中，直接剪切整個(gè)行，如果選中部分內(nèi)容則剪切選中的內(nèi)容
8. alt + left/right:標(biāo)簽切換
9. ctrl + r: 替換
10. ctrl + shift + up: 行移動(dòng)
11. shift + alt + up: 塊移動(dòng)(if(){},while(){}語(yǔ)句塊的移動(dòng))
12. ctrl + d: 行復(fù)制
13. ctrl + shift + ]/[: 選中塊代碼
14. ctrl + / : 單行注釋
15. ctrl + shift + / : 塊注釋
16. ctrl + shift + i : 顯示當(dāng)前CSS選擇器或者JS函數(shù)的詳細(xì)信息
17. ctrl + '-/+': 可以折疊項(xiàng)目中的任何代碼塊，它不是選中折疊，而是自動(dòng)識(shí)別折疊。
18. ctrl + '.': 折疊選中的代碼的代碼。
19. shift + esc: 當(dāng)前激活的任意小窗口最小化，也可以是alt+數(shù)字鍵，數(shù)字在小窗口有顯示。
20. alt + '7': 顯示當(dāng)前的函數(shù)結(jié)構(gòu)。
21. 如果是*.html頁(yè)面，則在文件名下的導(dǎo)航欄某DOM結(jié)構(gòu)上右鍵，可以全選當(dāng)前DOM結(jié)構(gòu)。

常用快捷鍵—Webstorm入門指南

提高代碼編寫效率，離不開快捷鍵的使用，Webstorm擁有豐富的代碼快速編輯功能，你可以自由配置功能快捷鍵。

windows下的設(shè)置方法

快捷鍵配置
點(diǎn)擊“File”-> “settings”

Webstorm預(yù)置了其他編輯器的快捷鍵配置，可以點(diǎn)擊



默認(rèn)配置-Eclipse的常用快捷鍵對(duì)照表

查找/代替

 

Webstorm快捷鍵	Eclipse快捷鍵	說明
ctrl+shift+N	ctrl+shift+R	通過文件名快速查找工程內(nèi)的文件（必記）
ctrl+shift+alt+N	ctrl+shift+alt+N	通過一個(gè)字符快速查找位置（必記）
ctrl+F	ctrl+F	在文件內(nèi)快速查找代碼
F3	ctrl+K	查找下一個(gè)
shift+F3	ctrl+shift+K	查找上一個(gè)
ctrl+R	ctrl+F	文件內(nèi)代碼替換
ctrl+shift+R		指定目錄內(nèi)代碼批量替換
ctrl+shift+F	ctrl+H	指定目錄內(nèi)代碼批量查找

界面操作

 

 

Webstorm快捷鍵	Eclipse快捷鍵	說明
ctrl+shift+A	ctrl+shift+A	快速查找并使用編輯器所有功能（必記）
alt+[0-9]	alt+[0-9]	快速拆合功能界面模塊
ctrl+shift+F12	ctrl+shift+F12	最大區(qū)域顯示代碼（會(huì)隱藏其他的功能界面模塊）
alt+shift+F	alt+shift+F	將當(dāng)前文件加入收藏夾
ctrl+alt+s	ctrl+alt+s	打開配置窗口
ctrl+tab	ctrl+tab	切換代碼選項(xiàng)卡（還要進(jìn)行此選擇，效率差些）
alt+←/→	alt+←/→	切換代碼選項(xiàng)卡
ctrl+F4	ctrl+F4	關(guān)閉當(dāng)前代碼選項(xiàng)卡

 

代碼編輯

 

Webstorm快捷鍵	Eclipse快捷鍵	說明
ctrl+D	ctrl+shift+↑	復(fù)制當(dāng)前行
ctrl+W	alt+shift+↑	選中單詞
ctrl+←/→	ctrl+←/→	以單詞作為邊界跳光標(biāo)位置
alt+insert	alt+insert	新建一個(gè)文件或其他
ctrl+alt+L	ctrl+alt+L	格式化代碼
shift+tab/tab	shift+tab/tab	減少/擴(kuò)大縮進(jìn)（可以在代碼中減少行縮進(jìn)）
ctrl+Y	ctrl+D	刪除一行
shift+enter	shift+enter	重新開始一行（無(wú)論光標(biāo)在哪個(gè)位置）

導(dǎo)航

 

 

Webstorm快捷鍵	Eclipse快捷鍵	說明
esc	esc	進(jìn)入代碼編輯區(qū)域
alt+F1	alt+F1	查找代碼在其他界面模塊的位置，頗為有用
ctrl+G	ctrl+L	到指定行的代碼
ctrl+]/[	ctrl+]/[	光標(biāo)到代碼塊的前面或后面
alt+up/down	ctrl+shift+up/down	上一個(gè)/下一個(gè)方法

 

最后修改：2014.05.12

MAC蘋果系統(tǒng)：

快捷鍵	作用
command + d	副本當(dāng)前行或選中的區(qū)塊
command + f	查找當(dāng)前文檔
command + g	跳轉(zhuǎn)到文檔的某一行某一列
command + p	顯示參數(shù)信息
command + r	替換當(dāng)前文檔
command + w	選中當(dāng)前單詞、行、區(qū)塊等
command + y	刪除整行
command + mouseover	顯示主要信息
command + [	移動(dòng)光標(biāo)到代碼塊前
command + ]	移動(dòng)光標(biāo)到代碼塊尾
command + +	折疊區(qū)塊
command + -	展開區(qū)塊
command + ->	光標(biāo)移到行尾
command + <-	光標(biāo)移到行頭

快捷鍵	作用
command + option + t	將代碼以某種格式包括起來
command + option + l	將代碼格式化

快捷鍵	作用
command + shift + u	切換大小寫
command + shift + [	選中到代碼塊前
command + shift + ]	選中到代碼塊尾
command + shift + +	折疊所有區(qū)塊
command + shift + -	展開所有區(qū)塊

快捷鍵	作用
shift + return	在任意位置換行
shift + F6	高級(jí)修改，可快速修改光標(biāo)所在的標(biāo)簽、變量、函數(shù)等
control + shift + f	find in path
control + shift + j	合并行
control + shift + r	replace in path

快捷鍵	作用
option + delete	delete to word start
option + fn + delete	delete to word end
option + ->	以單詞為單位移動(dòng)光標(biāo)
option + <-	以單詞為單位移動(dòng)光標(biāo)

下面是其他網(wǎng)友的補(bǔ)充：

查找/代替

快捷鍵	說明
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	重新開始一行（無(wú)論光標(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)程版本庫(kù)推送更新
ctrl+G	到指定行的代碼
ctrl+]/[	光標(biāo)到代碼塊的前面或后面
alt+up/down	上一個(gè)/下一個(gè)方法

補(bǔ)充

Ctrl+/ 或 Ctrl+Shift+/	注釋（// 或者/*…*/ ）
Shift+F6	重構(gòu)-重命名
Ctrl+X	刪除行
Ctrl+D	復(fù)制行
Ctrl+G	查找行
Ctrl+Shift+Up/Down	代碼向上/下移動(dòng)。
F2 或Shift+F2	高亮錯(cuò)誤或警告快速定位
寫代碼，按Tab	生成代碼
選中文本，按Ctrl+Shift+F7	高亮顯示所有該文本，按Esc高亮消失。(因?yàn)檫@個(gè)功能我就可以發(fā)放心的放棄sublime了)
Ctrl+B或Ctrl+鼠標(biāo)左鍵單擊	快速打開光標(biāo)處的類或方法，（NB的功能）
Ctrl + Alt + B	Go to implementation(s) 跳轉(zhuǎn)方法實(shí)現(xiàn)處
Ctrl + Shift + I	Open quick definition lookup 打開定義快速查找
Alt + Up/Down	Go to previous/next method 跳轉(zhuǎn)到上一個(gè)/下一個(gè)方法
Ctrl+E	最近打開的文件
Alt+F1	查找代碼所在位置
Ctrl+Alt+L	格式化代碼
Ctrl+R	替換文本
Ctrl+F	查找文本
Ctrl+P	方法參數(shù)提示
F3	查找下一個(gè)
Shift+F3	查找上一個(gè)
alt+Shift+F	將當(dāng)前文件加入收藏夾
ctrl+alt+s	打開配置窗口
ctrl+Shift+N	通過文件名快速查找工程內(nèi)的文件（必記）
ctrl+Shift+alt+N	通過一個(gè)字符快速查找位置（必記）
Shift+enter	重新開始一行（無(wú)論光標(biāo)在哪個(gè)位置）
Ctrl + Alt + T	with…（if, else, try, catch, for, etc）用 * 來圍繞選中的代碼行，（ * 包括 if 、 while 、 try catch 等）
Ctrl + Shift + U	Toggle case for word at caret or selected block 光標(biāo)所在位置大小寫
Ctrl + Delete	Delete to word end 刪除文字結(jié)束
Ctrl + Backspace	Delete to word start 刪除文字開始
Ctrl + E	Recent files popup 彈出最近打開的文件
F11	Toggle bookmark 切換標(biāo)記，叫書簽更好，就是sublime text 的F2
Ctrl + Shift + F12	Toggle maximizing editor 切換最大化編輯器
Alt + Shift + F	Add to Favorites 添至收藏夾

最新評(píng)論