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结构。
22. shift+F6修改一个作用域之内的变量的名字(批量重命名同一作用域的变量)
23. 向上箭头+F6,重命名工程名字
24. 快速选中大段文字：鼠标点一下要选中的文字的开头位置，然后按住⇧键，在要选中的文字的结尾部分再点一下
25. ctrl+c:选中并复制一行(鼠标放在一行的任何位置)；如果选中的是文件，则可以复制文件；如果复制的是文件，但却在代码编辑区粘贴，则粘贴的是文件名
26. 打开项目终端的快捷键 Alt+F12
27. 在webstorm的左侧调出终端方法：右击package.json文件，选择show npm Scripts，然后点击npm选择你要运行的vue文件
28. 搜索搜索：有时候需要根据一些信息找到一些共用的信息所在的文件，进行全局的替换，只需要使用快捷键Ctrl+Shift+F；但如果只是局部搜索就只用Ctrl+F
29. 替换和全局替换：单个文件中的替换使用Ctrl+R，全局替换使用Ctrl+Shift+R
30. 打开和关闭终端 ：Alt+F12（前提是webStorm只打开了一个项目）
31. eslint修复：Alt +R（安装ESLint，并且没有自己设置快捷键）
32. 创建基本的react组件结构(不包含constructor)：rcc
33. 创建基本的react组件的constructor基本结构：con