Prettier的printWidth设置后代码还是换行了是怎么回事？
在React项目里设置了Prettier的printWidth为80，但写长字符串时代码还是在80字符前强行换行了。比如写这种JSX：
{`const longText = '这个字符串明明没到80个字符，保存后Prettier就自动拆分成两行了，看起来好乱';}</code></pre> <p>我检查了.prettierrc配置：</p> <pre class="pure-highlightjs line-numbers"><code class="language-json">{{
"printWidth": 80,
"tabWidth": 2,
"singleQuote": true
}`}也确认了VSCode插件版本最新，重启过编辑器，但问题依旧。难道是和ESLint冲突？还是有其他隐藏配置覆盖了设置？
- 1
回答
27浏览
Prettier的printWidth设置后，为什么长字符串还是自动换行？
在React组件里写了一个长字符串变量，按照文档把.eslintrc里的printWidth设成120了，但保存时长字符串还是被强制换行了... 代码像这样： const description = ...
- 2
回答
51浏览
ESLint和Prettier配置冲突怎么解决？代码格式检查老报错
最近团队要求统一代码规范，我把ESLint和Prettier都配上了，但每次保存代码都会报错，比如"Unexpected spaces"和"Missing semicolon"。 尝试过安装eslin...
- 2
回答
16浏览
在Vue项目里改Prettier的parser选项没效果怎么办？
我在Vue项目里配置Prettier时，发现代码格式化总是报错，明明设置了parser是"vue"： { "parser": "vue", "semi": false } 但保存时还是提示Failed...
- 2
回答
17浏览
Prettier配置了尾逗号为什么还是被删除了？
我在项目里启用了Prettier的trailingComma选项，但保存代码时对象最后一项的逗号还是被自动删掉了。比如： // .prettierrc配置了"trailingComma": "all"...
- 1
回答
45浏览
Prettier配置了单引号和缩进，但代码保存后还是双引号和2个空格？
我在项目根目录设置了.prettierrc文件，配置了singleQuote: true和tabWidth: 4，但保存JS文件时代码还是显示双引号和2个空格缩进。尝试过重启VSCode和运行npx ...
- 2
回答
32浏览
为什么Prettier和ESLint配置后代码格式还是不一致？
最近在React项目里同时用了Prettier和ESLint，但保存代码时格式总报错。比如我写个函数： const greet = (name) => console.log(`Hello ${...
- 1
回答
10浏览
为什么安装了prettier的husky hook后提交还是没格式化？
刚给项目配了husky + prettier的pre-commit钩子，但每次提交代码都没触发格式化。已经按文档装了husky、prettier、lint-staged，package.json里配置...
- 2
回答
32浏览
Prettier安装了Vue插件但模板格式没变化怎么办？
刚给项目装了prettier-plugin-vue，配置了.prettierrc里plugins和singleQuote选项，但保存时双引号还是没转成单引号，vue文件的模板结构也没自动整理。重启过V...
- 2
回答
49浏览
Prettier在CI中运行报错：找不到配置文件，但本地正常？
我在GitHub Actions里用Prettier检查代码格式时，总是报错“Error: Unable to find .prettierrc in the working directory”，但...
- 2
回答
61浏览
Prettier格式化后自闭合标签括号间多出空格怎么解决？
我在用Prettier格式化HTML时发现，像这样的自闭合标签，格式化后变成了，括号里多了一个空格，但我想让它保持紧贴的形式，该怎么调整啊？ 我尝试过搜索bracketSpacing配置，但没搞懂具体...
printWidth确实是个让人头大的点，它只是个参考值，不是硬性限制。即使你设置了80，Prettier还是会根据代码结构和优先级来决定换行。你这个长字符串的问题，可能是JSX里特殊处理导致的。Prettier会对JSX里的内容做一些额外格式化，尤其是当它认为换行会让代码更可读时。
先检查下是不是ESLint冲突的问题。如果你用了
eslint-plugin-prettier，确保它的规则和Prettier保持一致。可以在.eslintrc里加：如果还是不行，试试加个
// prettier-ignore注释强制忽略那块代码的格式化：最后，更新下Prettier插件到最新版，之前有几版对JSX的处理确实有点问题。实在不行，就把
printWidth调大一点试试，比如100。反正这玩意儿本来就是个建议值，不用太纠结。printWidth只是个建议宽度，Prettier会根据语义和可读性决定是否换行。长字符串里如果包含特殊结构（比如模板字符串、JSX等），可能会提前换行。懒人方案：把字符串切成小块用+拼接，或者直接无视它，反正电脑又不会看代码。真要强制一行，试试这样：不过不推荐，毕竟Prettier的设计就是让人少操心格式。