webstrom格式化代码和常用的快捷键[通俗易懂]

全栈程序员-用户IM • 2022年5月4日下午6:40 • 未分类

大家好，又见面了，我是你们的朋友全栈君。

在使用webstorm的时候，需要用到一些快捷键。

今天我就遇到以一个问题，就是我用java生成的html文档是不规范的，但是我需要将文档规范化排查一些问题。

1、打开webstrom。

2、File -> Setting

3、搜索keyMap，进入keyMap设置页面，选择Eclipse方式。

如下图所示：

webstrom格式化代码和常用的快捷键[通俗易懂]

centOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l

windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+l、Ctrl+Shift+F

mac 下 webstorm 格式化代码的快捷键 Option+Command+l

我的是windows下的，用Ctrl+Shift+F将我需要的html文件格式化了，超级方便。

其他的一些常用的快捷键方式：

1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。
2. ctrl + j: 输出模板
3. ctrl + b: 跳到变量申明处
4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap withAbbreviation)
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结构。