WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaSscript IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。百度百科
現將最常用的快捷鍵挑出來備忘,既能方便記憶,又能提高工作效率。
WebStorm快捷鍵操作 最近一段時間在寫javascript時,找到一個灰常強悍的IDE。名稱叫:WebStorm
目前是英文版的,功能很強大。我也在慢慢摸索之中,現把它的一些常用的快捷鍵列出來,供使用者參考。
1. ctrl + shift + n: 打開工程中的文件,目的是打開當前工程下任意目錄的文件。
2. ctrl + j: 輸出模板
3. ctrl + b: 跳到變量申明處
4. ctrl + alt + T: 圍繞包裹代碼(包括zencoding的Wrap with Abbreviation)
5. ctrl + []: 匹配 {}[]
6. ctrl + F12: 可以顯示當前文件的結構
7. ctrl + x: 剪切(刪除)行,不選中,直接剪切整個行,如果選中部分內容則剪切選中的內容
8. alt + left/right:標簽切換
9. ctrl + r: 替換
10. ctrl + shift + up: 行移動
11. shift + alt + up: 塊移動(if(){},while(){}語句塊的移動)
12. ctrl + d: 行復制
13. ctrl + shift + ]/[: 選中塊代碼
14. ctrl + / : 單行注釋
15. ctrl + shift + / : 塊注釋
16. ctrl + shift + i : 顯示當前CSS選擇器或者JS函數的詳細信息
17. ctrl + '-/+': 可以折疊項目中的任何代碼塊,它不是選中折疊,而是自動識別折疊。
18. ctrl + '.': 折疊選中的代碼的代碼。
19. shift + esc: 當前激活的任意小窗口最小化,也可以是alt+數字鍵,數字在小窗口有顯示。
20. alt + '7': 顯示當前的函數結構。
21. 如果是*.html頁面,則在文件名下的導航欄某DOM結構上右鍵,可以全選當前DOM結構。
常用快捷鍵—Webstorm入門指南
提高代碼編寫效率,離不開快捷鍵的使用,Webstorm擁有豐富的代碼快速編輯功能,你可以自由配置功能快捷鍵。
windows下的設置方法
快捷鍵配置
點擊“File”-> “settings”
Webstorm預置了其他編輯器的快捷鍵配置,可以點擊
默認配置-Eclipse的常用快捷鍵對照表
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+shift+N | ctrl+shift+R | 通過文件名快速查找工程內的文件(必記) |
ctrl+shift+alt+N | ctrl+shift+alt+N | 通過一個字符快速查找位置(必記) |
ctrl+F | ctrl+F | 在文件內快速查找代碼 |
F3 | ctrl+K | 查找下一個 |
shift+F3 | ctrl+shift+K | 查找上一個 |
ctrl+R | ctrl+F | 文件內代碼替換 |
ctrl+shift+R | 指定目錄內代碼批量替換 | |
ctrl+shift+F | ctrl+H | 指定目錄內代碼批量查找 |
界面操作
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+shift+A | ctrl+shift+A | 快速查找并使用編輯器所有功能(必記) |
alt+[0-9] | alt+[0-9] | 快速拆合功能界面模塊 |
ctrl+shift+F12 | ctrl+shift+F12 | 最大區域顯示代碼(會隱藏其他的功能界面模塊) |
alt+shift+F | alt+shift+F | 將當前文件加入收藏夾 |
ctrl+alt+s | ctrl+alt+s | 打開配置窗口 |
ctrl+tab | ctrl+tab | 切換代碼選項卡(還要進行此選擇,效率差些) |
alt+←/→ | alt+←/→ | 切換代碼選項卡 |
ctrl+F4 | ctrl+F4 | 關閉當前代碼選項卡 |
代碼編輯
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
ctrl+D | ctrl+shift+↑ | 復制當前行 |
ctrl+W | alt+shift+↑ | 選中單詞 |
ctrl+←/→ | ctrl+←/→ | 以單詞作為邊界跳光標位置 |
alt+insert | alt+insert | 新建一個文件或其他 |
ctrl+alt+L | ctrl+alt+L | 格式化代碼 |
shift+tab/tab | shift+tab/tab | 減少/擴大縮進(可以在代碼中減少行縮進) |
ctrl+Y | ctrl+D | 刪除一行 |
shift+enter | shift+enter | 重新開始一行(無論光標在哪個位置) |
導航
Webstorm快捷鍵 | Eclipse快捷鍵 | 說明 |
esc | esc | 進入代碼編輯區域 |
alt+F1 | alt+F1 | 查找代碼在其他界面模塊的位置,頗為有用 |
ctrl+G | ctrl+L | 到指定行的代碼 |
ctrl+]/[ | ctrl+]/[ | 光標到代碼塊的前面或后面 |
alt+up/down | ctrl+shift+up/down | 上一個/下一個方法 |
最后修改:2014.05.12
MAC蘋果系統:
快捷鍵 | 作用 |
---|---|
command + d | 副本當前行或選中的區塊 |
command + f | 查找當前文檔 |
command + g | 跳轉到文檔的某一行某一列 |
command + p | 顯示參數信息 |
command + r | 替換當前文檔 |
command + w | 選中當前單詞、行、區塊等 |
command + y | 刪除整行 |
command + mouseover | 顯示主要信息 |
command + [ | 移動光標到代碼塊前 |
command + ] | 移動光標到代碼塊尾 |
command + + | 折疊區塊 |
command + - | 展開區塊 |
command + -> | 光標移到行尾 |
command + <- | 光標移到行頭 |
快捷鍵 | 作用 |
---|---|
command + option + t | 將代碼以某種格式包括起來 |
command + option + l | 將代碼格式化 |
快捷鍵 | 作用 |
---|---|
command + shift + u | 切換大小寫 |
command + shift + [ | 選中到代碼塊前 |
command + shift + ] | 選中到代碼塊尾 |
command + shift + + | 折疊所有區塊 |
command + shift + - | 展開所有區塊 |
快捷鍵 | 作用 |
---|---|
shift + return | 在任意位置換行 |
shift + F6 | 高級修改,可快速修改光標所在的標簽、變量、函數等 |
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 + -> | 以單詞為單位移動光標 |
option + <- | 以單詞為單位移動光標 |
下面是其他網友的補充:
快捷鍵 | 說明 |
ctrl+shift+N | 通過文件名快速查找工程內的文件 |
ctrl+shift+alt+N | 通過一個字符快速查找位置 |
ctrl+F | 在文件內快速查找代碼 |
F3 | 查找下一個 |
shift+F3 | 查找上一個 |
ctrl+R | 文件內代碼替換 |
ctrl+shift+R | 指定目錄內代碼批量替換 |
ctrl+shift+F | 指定目錄內代碼批量查找 |
ctrl+R | 文件內代碼替換 |
快捷鍵 | 說明 |
ctrl+shift+A | 快速查找并使用編輯器所有功能(必記) |
alt+[0-9] | 快速拆合功能界面模塊 |
ctrl+shift+F12 | 最大區域顯示代碼(會隱藏其他的功能界面模塊) |
alt+shift+F | 將當前文件加入收藏夾 |
ctrl+alt+s | 打開配置窗口 |
ctrl+tab | 切換代碼選項卡(還要進行此選擇,效率差些) |
alt+<-或-> | 切換代碼選項卡 |
快捷鍵 | 說明 |
ctrl+shift+N | 通過文件名快速查找工程內的文件(必記) |
ctrl+shift+alt+N | 通過一個字符快速查找位置(必記) |
ctrl+F | 在文件內快速查找代碼 |
F3 | 查找下一個 |
shift+F3 | 查找上一個 |
ctrl+R | 文件內代碼替換 |
ctrl+shift+R | 指定目錄內代碼批量替換 |
ctrl+shift+F | 指定目錄內代碼批量查找 |
ctrl+R | 文件內代碼替換 |
快捷鍵 | 說明 |
ctrl+shift+A | 快速查找并使用編輯器所有功能(必記) |
alt+[0-9] | 快速拆合功能界面模塊 |
ctrl+shift+F12 | 最大區域顯示代碼(會隱藏其他的功能界面模塊) |
alt+shift+F | 將當前文件加入收藏夾 |
ctrl+alt+s | 打開配置窗口 |
ctrl+tab | 切換代碼選項卡(還要進行此選擇,效率差些) |
alt+<-或-> | 切換代碼選項卡 |
ctrl+F4 | 關閉當前代碼選項卡 |
快捷鍵 | 說明 |
ctrl+D | 復制當前行 |
ctrl+W | 選中單詞 |
ctrl+<-或-> | 以單詞作為邊界跳光標位置 |
alt+Insert | 新建一個文件或其他 |
ctrl+alt+L | 格式化代碼 |
shift+tab/tab | 減少/擴大縮進(可以在代碼中減少行縮進) |
ctrl+Y | 刪除一行 |
shift+enter | 重新開始一行(無論光標在哪個位置) |
快捷鍵 | 說明 |
esc | 進入代碼編輯區域 |
alt+F1 | 查找代碼在其他界面模塊的位置,頗為有用 |
ctrl+G | 到指定行的代碼 |
ctrl+]/[ | 光標到代碼塊的前面或后面 |
alt+up/down | 上一個/下一個方法 |
快捷鍵 | 說明 |
ctrl+C | 提交代碼 |
ctrl+p | 向遠程版本庫推送更新 |
ctrl+G | 到指定行的代碼 |
ctrl+]/[ | 光標到代碼塊的前面或后面 |
alt+up/down | 上一個/下一個方法 |
補充
Ctrl+/ 或 Ctrl+Shift+/ | 注釋(// 或者/*…*/ ) |
Shift+F6 | 重構-重命名 |
Ctrl+X | 刪除行 |
Ctrl+D | 復制行 |
Ctrl+G | 查找行 |
Ctrl+Shift+Up/Down | 代碼向上/下移動。 |
F2 或Shift+F2 | 高亮錯誤或警告快速定位 |
寫代碼,按Tab | 生成代碼 |
選中文本,按Ctrl+Shift+F7 | 高亮顯示所有該文本,按Esc高亮消失。(因為這個功能我就可以發放心的放棄sublime了) |
Ctrl+B或Ctrl+鼠標左鍵單擊 | 快速打開光標處的類或方法,(NB的功能) |
Ctrl + Alt + B | Go to implementation(s) 跳轉方法實現處 |
Ctrl + Shift + I | Open quick definition lookup 打開定義快速查找 |
Alt + Up/Down | Go to previous/next method 跳轉到上一個/下一個方法 |
Ctrl+E | 最近打開的文件 |
Alt+F1 | 查找代碼所在位置 |
Ctrl+Alt+L | 格式化代碼 |
Ctrl+R | 替換文本 |
Ctrl+F | 查找文本 |
Ctrl+P | 方法參數提示 |
F3 | 查找下一個 |
Shift+F3 | 查找上一個 |
alt+Shift+F | 將當前文件加入收藏夾 |
ctrl+alt+s | 打開配置窗口 |
ctrl+Shift+N | 通過文件名快速查找工程內的文件(必記) |
ctrl+Shift+alt+N | 通過一個字符快速查找位置(必記) |
Shift+enter | 重新開始一行(無論光標在哪個位置) |
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 光標所在位置大小寫 |
Ctrl + Delete | Delete to word end 刪除文字結束 |
Ctrl + Backspace | Delete to word start 刪除文字開始 |
Ctrl + E | Recent files popup 彈出最近打開的文件 |
F11 | Toggle bookmark 切換標記,叫書簽更好,就是sublime text 的F2 |
Ctrl + Shift + F12 | Toggle maximizing editor 切換最大化編輯器 |
Alt + Shift + F | Add to Favorites 添至收藏夾 |
|
新聞熱點
疑難解答
圖片精選