Prettier 的 htmlWhitespaceSensitivity 到底该怎么用?

端木梓希 阅读 4

我在用 Prettier 格式化 Vue 组件时,发现 HTML 里的空格有时候被删掉导致样式错乱。查了文档说可以用 htmlWhitespaceSensitivity 配置,但我设成 "strict" 还是没效果,这是为啥?

我的 .prettierrc 是这样写的:

{
  "htmlWhitespaceSensitivity": "strict"
}
我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
UE丶景荣
htmlWhitespaceSensitivity 设置为 "strict" 应该会保留所有的空格,但有时候效果可能不如预期,尤其是嵌入式框架或者特定的模板语法里。你检查一下 Vue 组件中的空格是不是在某些特殊标签或者指令内?这些地方 Prettier 可能会有不同的处理方式。

另外,确保你的 Prettier 版本是最新的,有时候问题可能是由 bug 引起的。升级一下试试?

如果问题依然存在,可以尝试在你的编辑器插件设置里调整一下 Prettier 的配置,有时候全局和项目级别的配置会冲突。

最后,你也可以试试看把这个选项设置为 "ignore" 或 "css",看看哪种更适合你的项目风格。有时候 "css" 能够更好地保留空格,尤其是在样式相关的 HTML 结构里。

记得保存修改后的 .prettierrc 文件后重新格式化文件,确保配置生效。希望这些能帮到你。
点赞
2026-03-21 13:07