webstorm快捷鍵收集

常用快捷鍵—Webstorm入門指南

提高代碼編寫效率，離不開快捷鍵的使用，Webstorm擁有豐富的代碼快速編輯功能，你可以自由配置功能快捷鍵。

快捷鍵配置

點選“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	上一個/下一個方法

Ctrl+Shift+a:快速查找使用編輯器所有功能

1.左側欄目錄顯影：Ctrl+Shift+F12

2.檔案模闆配置：File》Settings》Editor>File and Code Templbtes

settings:Ctrl+Alt+S

3.将目前檔案加入收藏夾：Alt+Shift+F

4.收藏夾顯影：Alt+2

5.切換代碼頁籤：Alt+<-/->

6.關閉目前代碼頁籤：Ctrl+F4

7.Ctrl+X：剪切行

8.快注釋：Ctrl+shift+/

9.單行注釋：Ctrl+/

10.複製當前行：Ctrl+D

11.跳到變量申明處：Ctrl+B

12.顯示function的詳細資訊：Ctrl+Shift+i

13.Ctrl+W:選中單詞

14.以單詞作為邊界跳光標位置：Ctrl+<-/->

15.建立一個檔案或其他:Alt+Insert

16.格式化工具：Ctrl+Alt+L（該版本不存在）

17.減少/擴大縮進:shift+tab/tab

18.刪除一行：Ctrl+Y

19.顯示默認值：Ctrl+p

20.大小寫轉換：Ctrl+shift+U

21.添加標籤：Ctrl+F11

22.重新開始一行（無論光標在哪一個位置）：shift+enter

23.通過檔案名快速查找工程內的檔案：Ctrl+Shift+N

24.通過一個字元快速查找位置：Ctrl+Shift+Alt+N

25.在檔案內快速查找代碼：Ctrl+F

26.查找下一個：F3

27.查找上一個：Shift+F3

28.檔案內代碼替換：Ctrl+R

29.指定目錄內代碼批量替換：Ctrl+shift+R

30.指定目錄內代碼批量查找：Ctrl+Shift+F

31.到指定行的代碼：Ctrl+G

32.光標到代碼塊的前面或後面：Ctrl+[/]

33.上一個/下一個方法：Alt+up/down

34.高亮顯示所選文本：Ctrl+Shift+F7

35.打開最近打開的檔案：Ctrl+E

36.查找代碼所在的位置：Alt+F1

37.拷貝檔案路徑：Ctrl+Shift+c

38.撤銷：Ctrl+Z

39.取消撤銷操作：Ctrl+Shift+z

40.在目前行的前面插入一行：Ctrl+Alt+Enter

41.透明化所有視窗，快速檢視桌面:Window+” ”

42.使目前使用的視窗最大化：Window+“向上箭頭”

43.使目前使用中的視窗貼向螢幕左側：Window+”向左的箭頭”

44.跨顯示器右移視窗：Windows+Shift+”向右的箭頭”

45.突出顯示目前視窗，最小化其他的非目前使用中的視窗：Windows+Home

46.最小化所有視窗：Windows+d

html:

47:html5結構：html:5 按下tab

48.引入CSS:link:css 按下tab鍵

49.引入js : script：src 按下tab鍵

50.ul及li:ul+ 按下tab鍵

51.:a:link 按下tab鍵

52.:a:mail 按下tab鍵

53.get表單：form:get 按下tab鍵

54.hidden輸入框：input:hidden 按下tab鍵

55.id:name ： div#name 按下tab鍵

56.class:name : div.name 按下tab鍵

57.class:one,two : div.one.two 按下tab鍵

57.生成一個包含link的head : head>link:css

58.兩個p : p+P

59.3個p : p*3

60:建立ul下有個li同時class分别為item1,item2.。。。。:ul>li.item$*6

css

61.position : pos/pos:s|a|r|f 按下tab鍵

62.top : t/t:a

63.rigth : r/r:a

64.left : l

65.bottom : b

66.z-index : z

67.float : fl

68.clear : cl

69.display ：d/d:n/d:b/d:i/d:ib

70.visibility:v

71:overflow:ov

72:zoom:1 : zoo

73:lip : cp

74:box-sizing:bx

75.-webkit-box-shadow:0 0 0 #000 ：bxsh:w

76.顯示目前檔案的結構：Ctrl+f12

78.目前行向上/下移動：Ctrl+shift+”向上箭頭”/”向下接口”

79.塊移動：shift+alt+”向上箭頭/向下箭頭”

80.ctrl+”+/-“:可以折疊項目中的任何代碼塊，它不是選中折疊，而是自動識别折疊

81.shift+F6:檔案重命名