直接装 prettier 插件，它对 html5 新标签、自闭合标签及可选闭合标签的缩进逻辑支持最稳定；安装后需配置 .prettierrc 文件，设 "tabwidth": 2 和 "usetabs": false，并确保文件语言模式为 html，避免与 vue/svelte 等模式冲突或双重格式化干扰。
VS Code 保存自动对齐 HTML 标签用哪个插件
直接装 Prettier，别选 Beautify 或其他格式化工具——它对 HTML5 新标签（如 dialog、details）支持最稳定，且能正确处理自闭合标签（img、input）和可选闭合标签（p、li）的缩进逻辑。
安装后在项目根目录建 .prettierrc，内容写死这两项：
-
"tabWidth": 2（不是 4，HTML 嵌套深时 4 空格太占水平空间） -
"useTabs": false（强制空格，避免团队里有人用 Tab 导致 Git diff 满屏变动）
别依赖 VS Code 内置 HTML 格式化器：它对 template 标签里的嵌套、slot 内容缩进经常错位，且不识别自定义元素（如 my-button）的语义层级。
为什么 Shift+Alt+F 格式化后标签没对齐
常见原因不是插件没装，而是触发了错误的语言模式。VS Code 会根据文件后缀或首行 自动设为 <code>html 模式，但如果你在 .vue 或 .svelte 文件里写 HTML 片段，它可能识别成 vue-html 或 svelte，而这些语言模式默认不绑定 Prettier。
检查右下角状态栏：看到“HTML”就对了；如果是“Vue”或“Svelte”，点它 → 选择“Configure File Association for '.vue'” → 设为 html，或更稳妥地，在工作区设置里加：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
{
"files.associations": {
"*.vue": "html",
"*.svelte": "html"
}
}
另外确认没开双重格式化：如果同时装了 Auto Close Tag 和 Auto Rename Tag，它们会在你敲 <div> 时立刻补 <code>
