必须安装 jun han 的 auto rename tag 插件，启用需三步：一查 settings.json 含 "auto-rename-tag.enable": true；二看右下角语言模式为 html/vue/jsx；三确保光标精准落在标签名字符内（如 ），缺一不可。
必须装 Jun Han 的 Auto Rename Tag 插件，光标落在标签名内编辑才触发；VSCode 内置的 html.autoRenameTag 只支持纯 HTML，对 Vue/JSX 无效。
怎么确认插件已装好且真正启用
很多人以为装了就自动工作，结果改 <div> 闭合标签纹丝不动——问题常出在“启用”这一步没走实。<ul>
<li>打开命令面板（<code>Ctrl+Shift+P 或 Cmd+Shift+P），输入 Preferences: Open Settings (JSON)，检查是否存在 "auto-rename-tag.enable": true；若没有，手动加上
.vscode/settings.json），要确认里面没写 "auto-rename-tag.enable": false —— 工作区设置会覆盖全局HTML、Vue 或 JavaScript React；显示 Plain Text 或 JavaScript 就完全不加载插件为什么光标停在 <div> 上却没反应<p>这个功能对光标位置极其敏感，不是“在标签里”就行，而是必须“精确落在标签名字符上”。</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5493" title="html-to-pptx"><img
src="https://img.php.cn/upload/skill/000/000/081/179051045119472.jpg" alt="html-to-pptx" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill5493" title="html-to-pptx" class="overflowclass">html-to-pptx</a>
<p class="overflowclass">将多页 HTML 演示文稿转换为美化的 PPTX 文件，便于分享和分发。</p>
</div>
<a rel="nofollow" href="/xiazai/skill5493" title="html-to-pptx" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<ul>
<li>✅ 有效位置：<code><d></d> 或 <di></di>（竖线代表光标，位于 div 两个字母之间）
后）、<code><div>（光标在属性里）、<code><div>（换行后）、<code>（带空格）<template></template> 区域生效；<script></script> 或 <style></style> 里完全不响应JavaScript React，不是普通 JavaScript；建议同时装 ES7+ React/Redux/React-Native snippets 辅助识别常见失效场景和绕过方法
结构不合法、插件冲突、大文件限流，都会让自动重命名静默失败——别硬调配置，先用最稳的方式兜底。
- 注释或
<script></script>块里混了未闭合标签（如
