Prettier配置中如何让对象字面量的括号始终换行？
在React项目里用Prettier格式化时，发现对象字面量的大括号没有按预期换行。比如写成这样：{ foo: 'bar' }，但根据团队规范需要强制换行成：
{
foo: 'bar'
}
我尝试在.prettierrc里设置了"bracketSameLine": false，但格式化后还是保持单行。检查文档发现这个选项可能只对JSX生效？请问应该怎么配置才能让普通对象也强制换行？
- 1
回答
46浏览
Prettier 的 bracketSpacing 设置为啥没生效？
我在 Vue 项目里配置了 Prettier 的 bracketSpacing: false，但对象字面量里的花括号还是有空格，根本没变化，是我配错了吗？ 已经试过重启编辑器、删 node_modul...
- 2
回答
33浏览
Prettier配置了尾逗号为什么还是被删除了？
我在项目里启用了Prettier的trailingComma选项，但保存代码时对象最后一项的逗号还是被自动删掉了。比如： // .prettierrc配置了"trailingComma": "all"...
- 1
回答
61浏览
Prettier配置了单引号和缩进，但代码保存后还是双引号和2个空格？
我在项目根目录设置了.prettierrc文件，配置了singleQuote: true和tabWidth: 4，但保存JS文件时代码还是显示双引号和2个空格缩进。尝试过重启VSCode和运行npx ...
- 2
回答
55浏览
Prettier配置trailingComma后，JSX数组元素为何不自动添加尾随逗号？
大家好，我在React项目里配置了Prettier的trailingComma设为'es5'，普通JS数组最后一个元素会自动加逗号，但JSX里的数组元素最后一个逗号还是被去掉了。比如这个组件： fun...
- 2
回答
24浏览
Prettier 的 endOfLine 配置到底该怎么设才不报错？
我在 Windows 上写 React 项目，每次提交代码 Git 都提示 CRLF 警告，说 Prettier 格式化后换行符变了。我试过在 .prettierrc 里设 "endOfLine": ...
- 1
回答
20浏览
Prettier 为什么没格式化我的 JavaScript 代码？
我装了 Prettier 插件，也保存了文件，但这段代码一点都没变，是不是配置哪里出问题了？ 我试过在 VS Code 里手动触发格式化，也检查了默认格式化工具选的是 Prettier，但还是没反应。...
- 1
回答
31浏览
Prettier 格式化 CSS 时为什么把我的嵌套规则搞乱了？
我最近在项目里配置了 Prettier，但发现它格式化 CSS 的时候，会把我在 SCSS 里写的嵌套规则直接打平，导致样式失效。明明 .prettierrc 里也没改什么特殊配置，就是默认设置。这到...
- 1
回答
27浏览
Prettier 格式化 Vue 模板时为什么缩进不对？
我用 Prettier 格式化 Vue 文件，但模板部分的缩进总是乱的，明明配置了 tabWidth 为 2，可它还是用 4 个空格。试过重启编辑器、重装插件都没用。 这是我的组件代码： <te...
- 2
回答
30浏览
Prettier 配置了单引号为啥还是变成双引号？
我在项目里用 Prettier 格式化代码，明明在 .prettierrc 里设置了单引号，但保存后字符串还是被改成双引号了，完全搞不懂是哪里出问题。 我试过重启 VS Code、删 node_mod...
- 1
回答
26浏览
Prettier 为啥不格式化我的 Vue 单文件组件？
我用 Prettier 格式化 Vue 文件时，模板部分完全没反应，是配置问题吗？ 我已经装了 Vetur 和 Prettier 插件，也设置了默认格式化工具为 Prettier，但保存时只有 scr...
关键点在于设置
printWidth和bracketSpacing这两个选项。把printWidth设置得足够小，比如 10，就能强制触发换行。同时确保bracketSpacing是 true 来保持大括号内有空格。具体配置可以这样写：
需要注意的是，
printWidth会影响整个项目的代码风格，可能会导致其他地方也被强制换行。如果只想对特定代码块应用这个规则，建议在文件里加个特殊注释：// prettier-ignore，然后手动调整格式。说实话，这种需求有点反直觉，毕竟 Prettier 的初衷就是减少开发者在格式上的纠结。不过团队规范嘛，理解理解。记得跟队友沟通好，这种极端配置可能带来维护成本。
printWidth来间接实现这个效果。把你的
.prettierrc配置改成这样：printWidth: 1的意思是让每行最多只能有一个字符，这样对象字面量就会被强制换行。虽然看起来有点hacky，但确实是目前最简单的解决方案。如果你不想全局生效，可以在需要的地方加个注释
// prettier-ignore手动控制特定代码块的格式化。团队规范有时候真是折磨人啊，不过复制这个配置应该能解决问题。