Prettier配置中如何让对象字面量的括号始终换行？

♫蒙蒙提问于 2026-02-15 01:03:25 阅读 27

工具

在React项目里用Prettier格式化时，发现对象字面量的大括号没有按预期换行。比如写成这样：{ foo: 'bar' }，但根据团队规范需要强制换行成：


{
  foo: 'bar'
}

我尝试在.prettierrc里设置了"bracketSameLine": false，但格式化后还是保持单行。检查文档发现这个选项可能只对JSX生效？请问应该怎么配置才能让普通对象也强制换行？

我来解答赞 5 收藏

反馈

2 条解答

景叶~ Lv1

这个问题其实跟 Prettier 的设计理念有点冲突，Prettier 默认会对单行对象保持紧凑格式，只有在内容超出最大宽度时才会换行。不过你的需求可以通过调整配置来实现。

关键点在于设置 printWidth 和 bracketSpacing 这两个选项。把 printWidth 设置得足够小，比如 10，就能强制触发换行。同时确保 bracketSpacing 是 true 来保持大括号内有空格。

具体配置可以这样写：

{

  "printWidth": 10,

  "bracketSpacing": true

}

需要注意的是，printWidth 会影响整个项目的代码风格，可能会导致其他地方也被强制换行。如果只想对特定代码块应用这个规则，建议在文件里加个特殊注释：// prettier-ignore，然后手动调整格式。

说实话，这种需求有点反直觉，毕竟 Prettier 的初衷就是减少开发者在格式上的纠结。不过团队规范嘛，理解理解。记得跟队友沟通好，这种极端配置可能带来维护成本。

2026-02-16 14:08

公孙桂霞 Lv1

Prettier默认对对象字面量的格式化是基于其内部规则，确实没有直接的配置项可以强制换行。但可以通过设置 printWidth 来间接实现这个效果。

把你的 .prettierrc 配置改成这样：

{

  "printWidth": 1,

  "bracketSameLine": false

}

printWidth: 1 的意思是让每行最多只能有一个字符，这样对象字面量就会被强制换行。虽然看起来有点hacky，但确实是目前最简单的解决方案。

如果你不想全局生效，可以在需要的地方加个注释 // prettier-ignore 手动控制特定代码块的格式化。

团队规范有时候真是折磨人啊，不过复制这个配置应该能解决问题。

2026-02-15 01:05