在保存 WebStorm 时启用自动格式化

为了提高代码的可读性和可维护性，格式化代码是极其重要的。WebStorm 是一款优秀的 IDE，它提供了自动格式化的功能，可以在保存代码时自动对代码进行格式化，使得代码符合团队或个人的编码规范。

如何在 WebStorm 中启用自动格式化？

在启用自动格式化前，需要打开 WebStorm 的设置界面。按下 Ctrl+Alt+S 快捷键，或者通过菜单栏 File - Settings 进入到设置界面。在设置界面中，选择 Editor - Code Style 选项。在该选项卡下，您可以进行全局的代码风格配置，包括缩进、空格、换行等。同时，在该选项卡下还有 Formatter Control 选项，可以用于配置自动格式化保存的行为。

Markdown 代码片段：

// 表格格式
| 操作步骤 | 快捷键 |
|---------|--------|
| 打开设置界面 | Ctrl + Alt + S |
| 进入 Code Style 选项卡 | Editor - Code Style |
| 进入 Formatter Control | Code Style - Formatter Control |

如何设置自动格式化保存的行为？

通过 Formatter Control 选项可以设置自动格式化保存的行为，您可以决定哪些文件需要进行自动格式化，以及格式化的程度等。

在 Formatter Control 选项卡中，您可以通过以下设置进行自动格式化的控制：

• Enable formatter markers in comments： 是否在注释中增加格式化标记；

• Optimize imports： 自动优化 import 包，删除无用的 import 语句；

• Reformat code： 自动对代码进行格式化；

• Rearrange code： 自动调整代码顺序，包括类的方法、字段等；

• Only reformat changed code： 只对发生变化的代码进行格式化。

Markdown 代码片段：

// 表格格式
| 选项名称 | 功能说明 |
|----------|----------|
|Enable formatter markers in comments| 是否启用注释中的格式化标记|
|Optimize imports| 自动优化 import 包，删除无用的 import 语句|
|Reformat code| 自动对代码进行格式化|
|Rearrange code| 自动调整代码顺序，包括类的方法、字段等|
|Only reformat changed code| 只对发生变化的代码进行格式化|

总结

通过开启自动格式化，可以让您的代码更具可读性和可维护性。通过以上介绍的方式，在 WebStorm 中轻松启用自动格式化功能，并且可以根据自己的需要进行一些高级设置。