VSCode原生及主流插件均不提供自动删除冗余HTML标签功能；所谓“多余”实为语法错位，需借助vscode-html-validate或HTMLHint校验报错，再手动清理，并用Ctrl+Shift+A精准选中验证。
VSCode 里没有“自动删多余HTML标签”的插件
原生 VSCode 和主流插件（包括 Auto Close Tag、Auto Rename Tag、Prettier）都不提供「检测并删除冗余闭合标签」功能。HTML 本身没有“多余标签”概念——</div> 是否多余，取决于它是否匹配某个 <div>，而这个匹配是运行时行为，静态分析无法 100% 判断。所谓“多余”，往往是开发者误写，比如：
-
<div><p>文本</p></div></div>（多了一个</div>） -
<div><span>内容</span></div></span>（错位闭合）
这类问题属于语法错误，不是“冗余”，而是结构断裂。VSCode 会用波浪线标出，但不会帮你删。
靠 HTMLHint 或 vscode-html-validate 插件标出不合法嵌套
真正能发现闭合错乱的，是校验类插件，不是清理类插件。它们不删代码，但会精准报错：
-
vscode-html-validate：基于html-validate引擎，可配置规则如"no-duplicate-attributes"、"no-unused-css"，对错位闭合报Parse error: Expected end tag -
HTMLHint：老派但稳定，启用attr-no-duplication、attr-lowercase等规则后，在错误行显示[htmlhint] End tag 'div' does not match the start tag 'span'
注意：这两者都需手动配置规则，且默认不开启嵌套检查。要在 .htmlhintrc 或 htmlvalidate.json 中显式打开 "valid-end-tag" 类规则。
立即学习“前端免费学习笔记（深入）”；
删错标签前先用 Ctrl+Shift+A 选中内容范围再操作
人肉清理时，最容易误删的是嵌套中间层的标签。比如想删掉多余的 <div>，结果把整个区块剪掉了。这时 Ctrl+Shift+A（Win/Linux）或 Cmd+Shift+A（Mac）就特别关键：
- 光标放在疑似“多余”标签内部（比如
<div>|内容</div>的竖线处），按快捷键 → 选中内容，不包含标签本身 - 再按一次 → 选中整个标签对（
<div>内容</div>） - 确认选区合理后再
Del或Cut，避免删过头
这个动作依赖文件语言模式为 HTML，如果在 .vue 或 .jsx 里失效，临时切到 HTML 模式再操作。
别信“一键清理HTML”的插件宣传
搜索 “clean html vscode plugin”，你会看到几个名字带 Clean、Minify、Beautify 的扩展，但它们干的事是：
-
HTML-CSS-Class-Completion：补全 class 名，不碰标签 -
HTML Boilerplate：插骨架模板，不删东西 -
Prettier：只格式化缩进和换行，遇到错位闭合直接报错退出，不修复
所谓“清理”，基本等于“删空格删换行”，不是删逻辑错误。真要处理嵌套混乱，唯一可靠路径是：先用校验插件定位错误行 → 手动对照结构删 → 再用 Ctrl+Shift+A 验证删得是否干净。
最常被忽略的一点：浏览器 DOM Inspector 里的 Elements 面板，比任何插件都诚实——展开树状结构，一眼就能看出哪个 </div> 没父节点，那个就是该删的。
