跳至主内容区

Prettier 是什么?

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

Prettier 是一款开箱即用的代码格式化工具,支持以下语言:

它会清除所有原始样式*,并确保输出代码保持统一风格(详见这篇博客文章)。

Prettier 会从头重新打印您的代码,同时考虑行宽限制。

例如以下代码:

foo(arg1, arg2, arg3, arg4);

单行容纳时保持原样。但我们都遇到过这种情况:

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

当代码过长时,原有的函数调用格式就会失效。Prettier 将自动为您重新排版:

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

Prettier 在整个代码库中强制执行统一的代码风格(即不影响 AST 的格式化),它会完全忽略原始样式*——通过解析代码生成 AST,再根据最大行宽规则重新打印,必要时自动折行。

如需深入了解,这两个技术演讲是绝佳的入门资料:

James Long 在 React Conf 2017 的演讲《更优雅的打印机》

Christopher Chedeau 在 React London 2017 的演讲《JavaScript 代码格式化》

脚注

* 实际上会保留部分实用样式,详见空行多行对象说明