编辑

什么是 Prettier？

Prettier 是一款有主见的代码格式化工具，支持以下语言：

• JavaScript（包括实验性功能）
• JSX
• Angular
• Vue
• Flow
• TypeScript
• CSS、Less 和 SCSS
• HTML
• Ember/Handlebars
• JSON
• GraphQL
• Markdown，包括 GFM 和 MDX v1
• YAML

它会移除所有原始样式*，并确保所有输出的代码符合一致的风格。（参见这篇 博文）

Prettier 会获取你的代码并重新打印，同时考虑行长度。

例如，以下代码

foo(arg1, arg2, arg3, arg4);

它在一行内就能放下，所以会保持原样。但是，我们都遇到过这种情况

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

突然我们之前调用函数的格式失效了，因为这行代码太长了。Prettier 会为你完成这项繁琐的重新打印工作

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

Prettier 在你的整个代码库中强制执行一致的代码风格（即不会影响 AST 的代码格式），因为它会忽略原始样式*，将其解析并使用自己的规则重新打印解析后的 AST，这些规则会考虑最大行长度，并在必要时换行。

如果你想了解更多信息，以下两个会议演讲是不错的入门介绍

脚注

* 实际上，在实际情况下会保留一些原始样式，请参阅 空行 和 多行对象。