Prettier 配置生成器

步 1 / 2

printWidth

tabWidth

trailingComma

arrowParens

endOfLine

singleQuote

semi useTabs bracketSpacing jsxSingleQuote

格式化

下一步

为 10 个常用 Prettier 选项设置值，然后复制生成的配置。此工具可输出 JSON、YAML 或 CommonJS JavaScript 文件；它不会检查项目、使用 Prettier 验证配置，也不会添加插件和 overrides。

如何生成配置

1

设置排版

选择行宽、制表符宽度、制表符或空格、分号以及引号样式。
2

设置语法细节

选择尾随逗号、花括号内空格、箭头函数括号、换行符以及 JSX 引号。
3

选择文件格式

生成 .prettierrc.json、.prettierrc.yaml，或使用 module.exports 的 CommonJS .prettierrc.js。
4

复制并检查

将结果保存到项目中，再使用已安装的 Prettier 版本运行 npx prettier --check .。

选项	可选值
`printWidth`	40–200
`tabWidth`	1–8
`useTabs`, `semi`, `bracketSpacing`, `jsxSingleQuote`	`true` 或 `false`
`singleQuote`	`true` 或 `false`
`trailingComma`	`none`、`es5` 或 `all`
`arrowParens`	`always` 或 `avoid`
`endOfLine`	`lf`、`crlf`、`cr` 或 `auto`

数值控件会被限制在上述范围内，其他控件只提供列出的值。这些都是日常实用设置，并非 Prettier 支持的全部选项。

JSON 生成适用于 .prettierrc.json 的 JSON 对象。
YAML 生成适用于 .prettierrc.yaml 的键值行。
JavaScript 使用 module.exports = { ... }; 包裹同一对象，适用于 CommonJS .prettierrc.js 配置。

Prettier 还支持其他配置文件名和模块格式。此生成器只创建上述三种输出。它不会运行 Prettier，因此请用项目中已安装的版本检查复制的文件。

这些控件是服务端字段，因此页面更新时，选项值会发送到服务器。在两步视图中，这些值也可能出现在页面 URL 里。Prettier 配置通常不含机密信息，但请勿在这些字段或共享 URL 中放入敏感数据。

不包含。它只生成表单中显示的 10 个选项。请先查阅已安装版本的文档，再手动添加其他受支持的设置。

不会。它只创建配置文本，不会运行 Prettier。请保存文件并在项目中运行 npx prettier --check .。

不能。输出是一个扁平对象。如果项目需要，请手动添加 overrides 或插件专用选项。

这是本工具生成的 CommonJS 形式。如果项目需要 ES 模块配置，请按项目设置调整导出语句和文件名。