現將最常用的快捷鍵挑出來備忘,既能方便記憶,又能提高工作效率。
目前是英文版的,功能很強大。我也在慢慢摸索之中,現把它的一些常用的快捷鍵列出來,供使用者參考。
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 | 上一個/下一個方法 |
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 + <- | 以單詞為單位移動光標 |