代码格式化
项目的配置文件位于 [internal/lint-configs](TODO @AI:调整下) 下,你可以在这里修改各种 lint 的配置。
项目内集成了以下几种代码校验工具:
- ESLint (opens new window):用于 JavaScript 代码检查
- Stylelint (opens new window):用于 CSS 样式检查
- Prettier (opens new window):用于代码格式化
我们可以使用 IDE 自带的 Linter 功能,实现代码的格式化(自动检查和修复)。
友情提示:
如果你想使用 Prettier 插件,可参考 《代码格式化(Prettier)》 文档。
# 1. JetBrains 端
参考 《JetBrains 官方文档》 (opens new window) 操作即可。
① 【手动修复】右键文件,选择 Fix ESLint Problems 即可。如下图所示:

② 【自动修复】可在 JetBrains 设置界面的 ESLint 选项中,勾选上 Run eslint --fix on save 选项,如下图所示:

之后,保存页面,页面代码自动格式化。
# 2. VS Code 端
参考 《VS Code 官方文档》 (opens new window) 操作即可。
【自动修复】打开 VS Code 配置,搜索 save 后,勾选上 Format On Save 选项。如下图所示:

之后,保存页面,页面代码自动格式化。