Webstorm常用快捷鍵備忘

WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaSscript IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。

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

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結構。

常用快捷鍵

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 公司需要我做一些前端的東西,最近在學了一下。個人有編輯器恐懼癥,不知道選什么編輯器好,糾結之后還是選擇了Subli...
    Ke_Wang閱讀 1,895評論 2 7
  • WebStorm常用快捷鍵 1、查找/代替 Webstorm快捷鍵Eclipse快捷鍵說明 ctrl+shift+...
    軼子西閱讀 6,937評論 1 5
  • 返回上次光標的位置Ctrl+Alt+ left/right 返回至上次瀏覽的位置 Alt+回車 導入包,自動修正C...
    請叫我四爺閱讀 2,000評論 1 2
  • Ctrl Ctrl + F 在當前文件進行文本查找 (必備) Ctrl + R 在當前文件進行文本替換 (必備) ...
    七弦桐語閱讀 18,802評論 0 26
  • “昨天沒睡好”、“最近總是睡不好”、“我的睡眠質量一直都不好”等等,之前的我幾乎每天都要與身邊人發生這些類似的對話...
    無貳閱讀 785評論 6 7