webstorm常用的快捷键总结

2024-04-29 04:49:39

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结构。

在默认配置下的常用快捷键

一。查找/代替

快捷键	说明
ctrl+shift+N	通过文件名快速查找工程内的文件（必记）
ctrl+shift+alt+N	通过一个字符快速查找位置（必记）
ctrl+F	在文件内快速查找代码
F3	查找下一个
shift+F3	查找上一个
ctrl+R	文件内代码替换
ctrl+shift+R	指定目录内代码批量替换
ctrl+shift+F	指定目录内代码批量查找
ctrl+R	文件内代码替换

快捷键	说明
ctrl+shift+A	快速查找并使用编辑器所有功能（必记）
alt+[0-9]	快速拆合功能界面模块
ctrl+shift+F12	最大区域显示代码（会隐藏其他的功能界面模块）
alt+shift+F	将当前文件加入收藏夹
ctrl+alt+s	打开配置窗口
ctrl+tab	切换代码选项卡（还要进行此选择，效率差些）
alt+<-或->	切换代码选项卡

二。界面操作

快捷键	说明
ctrl+shift+N	通过文件名快速查找工程内的文件（必记）
ctrl+shift+alt+N	通过一个字符快速查找位置（必记）
ctrl+F	在文件内快速查找代码
F3	查找下一个
shift+F3	查找上一个
ctrl+R	文件内代码替换
ctrl+shift+R	指定目录内代码批量替换
ctrl+shift+F	指定目录内代码批量查找
ctrl+R	文件内代码替换

快捷键	说明
ctrl+shift+A	快速查找并使用编辑器所有功能（必记）
alt+[0-9]	快速拆合功能界面模块
ctrl+shift+F12	最大区域显示代码（会隐藏其他的功能界面模块）
alt+shift+F	将当前文件加入收藏夹
ctrl+alt+s	打开配置窗口
ctrl+tab	切换代码选项卡（还要进行此选择，效率差些）
alt+<-或->	切换代码选项卡
ctrl+F4	关闭当前代码选项卡

三。代码编辑

快捷键	说明
ctrl+D	复制当前行
ctrl+W	选中单词
ctrl+<-或->	以单词作为边界跳光标位置
alt+Insert	新建一个文件或其他
ctrl+alt+L	格式化代码
shift+tab/tab	减少/扩大缩进（可以在代码中减少行缩进）
ctrl+Y	删除一行
shift+enter	重新开始一行（无论光标在哪个位置）

四。导航

快捷键	说明
esc	进入代码编辑区域
alt+F1	查找代码在其他界面模块的位置，颇为有用
ctrl+G	到指定行的代码
ctrl+]/[	光标到代码块的前面或后面
alt+up/down	上一个/下一个方法

最新文章

热门文章