html.format.enable必须为true，否则vs code不启动html格式化流程；需确认语言模式为html、指定editor.defaultformatter为prettier或内置格式器，并配置prettier-plugin-html及htmlwhitespacesensitivity。
html.format.enable 必须为 true，否则 VS Code 根本不启动 HTML 格式化流程——这是 90% 的“格式化没反应”问题的根源。
VS Code 报 “No formatter installed for 'html'” 怎么办
这不是插件没装，而是 VS Code 没把当前文件识别成 HTML 类型，或没指定格式化器。
- 右下角状态栏点语言模式（如显示“Plain Text”），按
Ctrl+K再按M，选HTML - 打开设置（
Ctrl+,），搜editor.defaultFormatter，展开[html]配置项，手动设为esbenp.prettier-vscode或vscode.html-language-features - 确认
html.format.enable是勾选状态（即true）；仅靠装插件不生效
prettier-plugin-html 不生效的三个硬性条件
Prettier 默认忽略 .html 文件。即使装了插件，缺任一条件都会静默失败。
- 项目根目录必须有
prettier.config.js（或.prettierrc），且含plugins: ['prettier-plugin-html'] - 必须显式配置
htmlWhitespaceSensitivity: 'ignore'或'css'；设为'strict'会导致格式化直接报错退出 - 要运行
npm install --save-dev prettier-plugin-html（注意不是prettier本体）
缩进错乱、标签换行异常的真实原因
不是 Prettier “太智能”，而是编辑器底层混用了空格和制表符（Tab），或 html.format.wrapLineLength 被设得太小。
- 统一用空格：在命令面板（
Ctrl+Shift+P）中执行Indent Using Spaces，再设tabSize为 2 或 4 - 禁用自动换行干扰：在设置里加
"html.format.unformatted": "code,pre,em,strong,span"，防止内联元素被拆成多行 - 检查
html.format.indentInnerHtml是否为true—— 否则<div><p>...</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill3458" title="html-ppt-to-pdf"><img src="https://img.php.cn/upload/skill/000/000/081/178956546773641.jpg" alt="html-ppt-to-pdf" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill3458" title="html-ppt-to-pdf" class="overflowclass">html-ppt-to-pdf</a> <p class="overflowclass">将使用 `<section class="slide">` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。</p> </div> <a rel="nofollow" href="/xiazai/skill3458" title="html-ppt-to-pdf" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div></div>中的<p></p>不会缩进
格式化后出现 “Unexpected closing tag” 错误
这不是格式化工具的问题，是 HTML 本身结构非法。Prettier 在解析阶段就失败，根本不会进入格式化逻辑。
- 典型诱因：
<p></p> <div>xxx</div>（<p></p>内不能嵌套块级元素）、<span></span>没闭合、自闭合标签写成<img>却未设html.format.extraLiners - 快速定位：打开 VS Code 开发者工具（
Ctrl+Shift+P→Developer: Toggle Developer Tools），切到 Console，格式化时看报错行号 - 预防手段：装
HTMLHint或eslint-plugin-html，实时标红结构错误
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
