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

?

軟件名稱：

JetBrains WebStorm(java、html5開發工具) v8.0.5 官方英文版

軟件大小：

140.7MB

更新時間：

2014-10-01

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

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

?

轉載于:https://www.cnblogs.com/y896926473/p/5484575.html

總結

以上是生活随笔為你收集整理的Webstorm常用快捷键备忘(Webstorm入门指南)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。