Prettier

Prettier 是什么

Prettier 是一款「有主见」（opinionated）的代码格式化工具。它会解析你的源码，再按照自身规则重新打印，并在超出最大行宽时自动换行。你不需要再手动调整缩进、空格和换行。

一个直观例子

格式化前：

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

格式化后：

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
);

支持的语言

• 脚本类：JavaScript、TypeScript、Flow、JSX
• 样式类：CSS、SCSS、Less
• 标记类：HTML、Vue、Angular
• 数据与文档：JSON、GraphQL、Markdown、YAML
• 其他语言可通过官方插件机制扩展

常见使用方式

编辑器内保存即格式化

在 VS Code、JetBrains 等编辑器中安装 Prettier 插件，配置保存时自动格式化，写完代码即保持统一风格。

提交前自动格式化

配合 husky、lint-staged 等工具，在 Git 提交前对改动文件执行格式化，避免风格问题进入仓库。

CI 中检查格式

在持续集成中使用 CLI 的检查模式，若存在未格式化文件则让流水线失败，从流程上保证代码库风格一致。

# 示意：检查文件是否已按 Prettier 格式化
npx prettier --check .

适合谁用

• 使用 JavaScript / TypeScript 的前端与全栈团队
• 需要统一多语言文件排版规范的项目
• 希望减少代码评审中「空格、换行」类争论的工程团队

注意事项

Prettier 的设计哲学是「少配置」，因此部分风格细节无法自定义。若项目已有 ESLint 规则，建议明确分工：由 Prettier 负责排版，ESLint 负责代码质量，避免两者冲突。