Webstorm各系統常用快捷鍵備忘(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 上一個/下一個方法

 


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 + <- 以單詞為單位移動光標


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM