Prettier的printWidth配置未生效，主因是VSCode未正确加载配置文件或被其他设置覆盖；需确保.prettierrc.json位于项目根目录、插件为esbenp.prettier-vscode、defaultFormatter正确设置，并注意trailingComma和htmlWhitespaceSensitivity等协同参数影响。
VSCode 里 Prettier 的换行太碎，根本不是你想要的“宽度”，而是 printWidth 配置没起作用，或被其他设置覆盖了。
为什么改了 printWidth 没反应？
常见现象：在 .prettierrc.json 里写了 "printWidth": 120，但保存后代码还是在 80 字符左右就折行。
- VSCode 没读到你的配置文件——Prettier 插件默认只认项目根目录下的
.prettierrc.json（不向上查找父目录，也不读package.json里的prettier字段） - 你改的是用户级
settings.json，但项目里有.vscode/settings.json覆盖了它 - 插件没启用：确认安装的是
esbenp.prettier-vscode，不是名字相近的“Prettier”或“Prettier Now” - 格式化器没设对：
editor.defaultFormatter必须是"esbenp.prettier-vscode"，且不能被语言块（如"[javascript]": { "editor.defaultFormatter": "..." }）意外覆盖
printWidth 和实际换行效果不一致？看这三点
Prettier 不是“每超一个字符就换行”的机械截断工具，它的换行逻辑受多个参数协同影响：
-
trailingComma: "all"是关键：它让对象/数组/函数参数末尾强制加逗号，极大提升多行展开意愿；设为"none"或"es5"时，Prettier 更倾向塞进单行 -
htmlWhitespaceSensitivity: "css"对 HTML/CSS 影响明显：默认"strict"会让属性换行更保守，"css"更贴近 CSS 的换行直觉 - 语言差异真实存在：TypeScript 接口定义、JSX 属性列表、长链式调用的换行策略完全不同，
printWidth: 120在 JSX 里可能仍频繁折行，这是设计使然，不是 bug
怎么验证 printWidth 真生效了？
别只靠肉眼观察，用命令面板直接测试最可靠：
- 打开一个 JS/TS 文件，写一段明显超长的语句（比如带 10+ 属性的 React 组件调用）
- 按
Ctrl+Shift+P（macOS 是Cmd+Shift+P），输入Format Document With... - 选
esbenp.prettier-vscode，而不是“Configure Default Formatter” - 对比格式化前后行宽——如果仍卡在 80，说明配置根本没加载；如果变成 120 左右，说明生效了，只是你之前没触发对的格式化器
真正容易被忽略的点：Prettier 的 printWidth 是软限制，它优先保证语法结构可读性，其次才是字符数。哪怕你设成 200，遇到嵌套深、括号多、类型长的 TS 表达式，它依然会主动拆行——这不是配置失败，是它在按规则做合理判断。
