Prettier 为什么没格式化我的 HTML 标签换行？
我用 Prettier 格式化 HTML 文件，但发现它没把长标签自动换行，看起来特别挤。明明在 .prettierrc 里设置了 printWidth: 80，为啥不起作用？
比如下面这段代码，Prettier 格式化后还是一整行：
<div class="card" style="background-color: white; padding: 16px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
<h2>Hello World</h2>
</div>是我配置错了，还是 Prettier 对 HTML 的换行支持有限？
- 2
回答
31浏览
为什么Prettier插件无法正确格式化HTML中的自定义组件标签？
我在用Prettier+prettier-plugin-vue格式化Vue单文件组件时，发现自定义组件的标签会自动合并成一行，比如<MyComponent></MyComponent...
- 2
回答
84浏览
Prettier格式化后自闭合标签括号间多出空格怎么解决？
我在用Prettier格式化HTML时发现，像这样的自闭合标签，格式化后变成了，括号里多了一个空格，但我想让它保持紧贴的形式，该怎么调整啊？ 我尝试过搜索bracketSpacing配置，但没搞懂具体...
- 1
回答
4浏览
Prettier 格式化 CSS 时为什么把我的嵌套规则搞乱了？
我最近在项目里配置了 Prettier，但发现它格式化 CSS 的时候，会把我在 SCSS 里写的嵌套规则直接打平，导致样式失效。明明 .prettierrc 里也没改什么特殊配置，就是默认设置。这到...
- 1
回答
16浏览
Prettier 格式化 Vue 模板时为什么缩进不对？
我用 Prettier 格式化 Vue 文件，但模板部分的缩进总是乱的，明明配置了 tabWidth 为 2，可它还是用 4 个空格。试过重启编辑器、重装插件都没用。 这是我的组件代码： <te...
- 2
回答
27浏览
为什么安装了prettier的husky hook后提交还是没格式化？
刚给项目配了husky + prettier的pre-commit钩子，但每次提交代码都没触发格式化。已经按文档装了husky、prettier、lint-staged，package.json里配置...
- 1
回答
14浏览
Prettier 为什么总是给我加上分号？能关掉吗？
我最近在用 Prettier 格式化代码，但发现它老是在语句末尾自动加 ;，可我们团队的规范是不加分号的。我在配置文件里试过改 semi 选项，但好像没生效，是不是哪里写错了？ 我的 .prettie...
- 1
回答
20浏览
Webpack 打包后 HTML 中的图片路径为什么 404 了？
我用 Webpack 打包项目，HTML 里直接写了 img 标签引用 public 目录下的图片，本地开发没问题，但 build 之后图片路径变成 /img/logo.png，实际打包后图片在根目录...
- 1
回答
17浏览
Prettier 格式化时该选哪个 Parser？
我在用 Prettier 格式化一个 .vue 文件，但控制台提示“Parser not found”。我试过在配置里指定 parser 为 vue，但好像不对？官方文档说会自动识别，可我的项目就是不...
- 2
回答
25浏览
ESLint 和 Prettier 配合时为什么格式化冲突？
我按照网上的教程配了 ESLint + Prettier，但保存文件时格式老是打架。比如 Prettier 想加个分号，ESLint 却报错说不能加分号，明明 .eslintrc 里已经关了这个规则。...
- 1
回答
20浏览
Prettier 为啥不格式化我的 Vue 单文件组件？
我用 Prettier 格式化 Vue 文件时，模板部分完全没反应，是配置问题吗？ 我已经装了 Vetur 和 Prettier 插件，也设置了默认格式化工具为 Prettier，但保存时只有 scr...
Prettier 对 HTML 的处理逻辑跟 JavaScript 不太一样。它默认不会因为超过 printWidth 就把 HTML 属性换行，这是官方故意的设计决策——他们认为属性换行会导致 git diff 很难看。
解决方案有两个：
一是检查你的 Prettier 版本。如果是 2.x 系列，可以尝试在 .prettierrc 里加这个配置：
不过说实话，这个选项主要影响的是属性之间的空格处理，对换行帮助有限。
二是接受现实，要么手动把长属性拆成多行，要么忍忍。我之前项目里遇到这种情况，最后都是手动调整的，或者用 HTML 格式化插件配合 VS Code 的格式化功能。
对了，如果你用的是 Vue 文件里的 template，情况和 HTML 是一样的，都受这个行为约束。