Prettier 插件为啥不格式化我的 HTML 自定义标签? 司徒培乐 提问于 2026-03-14 21:05:20 阅读 52 工具 我装了 Prettier 和 @trivago/prettier-plugin-sort-imports,但发现它对自定义 HTML 标签完全没反应,格式化后还是乱糟糟的。是我配置漏了啥吗? 比如下面这段代码,保存后缩进和换行一点没变: <my-custom-component> <header>Hello</header> <main>World</main> </my-custom-component> Plugin插件Prettier 我来解答 赞 6 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 博主鑫玉 Lv1 你的自定义标签被 Prettier 当作 inline 元素了。最简单的办法是在 .prettierrc 里加一行 "htmlWhitespaceSensitivity": "strict",保存后重新格式化就正常了。 回复 点赞 2026-03-17 08:05 加载更多 相关推荐 2 回答 55 浏览 Prettier 为什么没格式化我的 HTML 标签换行? 我用 Prettier 格式化 HTML 文件,但发现它没把长标签自动换行,看起来特别挤。明明在 .prettierrc 里设置了 printWidth: 80,为啥不起作用? 比如下面这段代码,Pr... Code°采涵 工具 2026-03-13 15:41:20 2 回答 50 浏览 为什么Prettier插件无法正确格式化HTML中的自定义组件标签? 我在用Prettier+prettier-plugin-vue格式化Vue单文件组件时,发现自定义组件的标签会自动合并成一行,比如<MyComponent></MyComponent... Good“莉莉 工具 2026-02-16 23:08:24 2 回答 41 浏览 Prettier 的 htmlWhitespaceSensitivity 到底该怎么用? 我在用 Prettier 格式化 Vue 组件时,发现 HTML 里的空格有时候被删掉导致样式错乱。查了文档说可以用 htmlWhitespaceSensitivity 配置,但我设成 "strict... 端木梓希 工具 2026-03-21 12:37:21 2 回答 107 浏览 Prettier格式化后自闭合标签括号间多出空格怎么解决? 我在用Prettier格式化HTML时发现,像这样的自闭合标签,格式化后变成了,括号里多了一个空格,但我想让它保持紧贴的形式,该怎么调整啊? 我尝试过搜索bracketSpacing配置,但没搞懂具体... UX-冰冰 工具 2026-02-01 13:52:27 2 回答 36 浏览 VSCode 有哪些提升 HTML 开发效率的插件推荐? 最近在写静态页面,发现手写 HTML 太慢了,标签补全和格式化老是出问题。有没有好用的 VSCode 插件能智能提示、自动闭合标签,还能格式化得干净一点? 比如我写下面这种结构,经常忘记闭合 div,... a'ゞ庆庆 工具 2026-03-29 14:50:14 2 回答 72 浏览 Vite插件在HTML注入动态脚本时标签被转义怎么办? 我在用Vite写插件时想在HTML头部动态注入一个带有data-api-key的script标签,但发现内容被转义成文本了。比如用transformIndexHtml钩子处理时: // 插件代码片段 ... Mr-甜雅 前端 2026-02-06 19:06:28 2 回答 64 浏览 宜搭自定义页面中如何正确引入外部HTML片段? 我在宜搭的自定义页面里想嵌入一段静态HTML内容,但直接贴进去样式全乱了,而且控制台还报错说某些标签被过滤了。是不是宜搭对HTML有特殊限制? 我试过把下面这段代码放进自定义组件: <div c... UI玉戈 框架 2026-03-20 14:27:21 2 回答 36 浏览 Vite插件里怎么拦截并修改HTML内容? 我正在写一个Vite插件,想在开发服务器启动时动态修改index.html里的某个meta标签,但试了transformIndexHtml钩子好像没生效,控制台也不报错。 我查了文档说要用transf... Dev · 彩云 前端 2026-03-01 09:44:18 2 回答 96 浏览 宜搭自定义页面中如何正确引入外部HTML组件? 我在宜搭的自定义页面里想嵌入一段外部HTML结构,但直接贴进去样式全乱了,而且有些标签好像被过滤掉了。试过用iframe也不行,加载特别慢还跨域报错。 这是我想插入的代码: <div class... 上官姗姗 框架 2026-02-26 16:20:23 1 回答 52 浏览 VSCode插件里怎么监听HTML文件的特定标签变化? 我在写一个VSCode扩展,想在用户编辑HTML文件时,自动检测是否新增了带有data-track属性的元素,但不知道该监听哪个事件。试过onDidChangeTextDocument,但拿到的cha... 一英瑞 工具 2026-03-30 00:34:13
"htmlWhitespaceSensitivity": "strict",保存后重新格式化就正常了。