ESLint + Prettier

1. ESLint

2. Prettier

WebStorm 设置 prettier 支持open in new window 你还可以将 WebStorm 配置为在保存时运行 Prettier (Cmd+S/Ctrl+S) 或将其用作默认格式化程序 (Opt+Cmd+L/Ctrl+Alt+L)。 为此，打开首选项/设置 | 语言和框架 | JavaScript | Prettier 并勾选相应的复选框： 保存时 和/或 关于“重新格式化代码” 动作。

默认情况下，WebStorm 会将格式应用于你在项目中编辑的所有 .js、.ts、.jsx 和 .tsx 文件。 要将格式应用于其他文件类型，或将格式限制为仅位于特定目录中的文件，你可以使用 通配符模式 自定义默认配置。

bug:

• 代码格式化快捷键，使用了 Prettier，有一个问题：虽然配置了 .prettierrc.cjs 文件，设置了自定义格式化代码的规则。
• 但是，代码格式化快捷键 并没有识别到 自定义的 .prettierrc.cjs 配置，
• So, 取消了代码格式化快捷键 和 Prettier 的绑定。
• 然后，修改 WebStorm 的代码缩进为 4【只能在 package.json 中使用 Prettier 格式化整个项目的代码，平时写代码过程中自己注意规范，参考 ESLint 提示】