Auto Rename Tag插件默认不生效，需同时满足语言模式为HTML/Vue/JSX、光标精准落在标签名内、且"html.autoRenameTag": true和"auto-rename-tag.enable": true均启用；否则修改开始标签不会同步更新结束标签。
Auto Rename Tag 插件默认不工作，不是装了就生效——它依赖三个硬性条件同时满足：语言模式正确、光标精准落在标签名内、html.autoRenameTag 或 auto-rename-tag.enable 显式开启。
为什么改了 <div>，</div> 完全没反应
这不是插件坏了，而是它根本没“看见”你要重命名的标签。常见断点有：
- 右下角状态栏显示的是
Plain Text或JavaScript，不是HTML、vue-html或javascriptreact - 光标停在
<div class="x">的class上，或卡在<后面、空格里、换行符后 - 标签结构非法：比如漏了
</template>，或中间插了一段未闭合的<script>console.log(</script> - 文件是临时无后缀的，或保存为
.txt，VSCode 没法识别语言模式
settings.json 里必须确认的两行配置
很多人只装插件、不查配置，结果一直白忙。打开 .vscode/settings.json（工作区级）或全局 settings.json，确保含以下两项：
-
"html.autoRenameTag": true—— VSCode 内置 HTML 服务开关，**必须开**，否则插件不接管 -
"auto-rename-tag.enable": true—— 插件自身启用开关，旧版可能默认关，尤其团队共享配置时易被覆盖
别混淆 html.suggest.html5 或 emerald.includeLanguages，它们和重命名无关。
Vue/JSX 中失效？先看语言模式和嵌套层级
Vue 单文件组件里，Auto Rename Tag 只作用于 <template> 区块，且对嵌套敏感：
-
<template>必须合法闭合，不能漏写</template> - 避免在标签内直接写未转义的
{或<，比如{{ item < 0 ? 'a' : 'b' }}会打断解析 - JSX 文件需语言模式为
javascriptreact（不是javascript），否则识别为纯 JS，插件跳过 - 若用
<MyComp>这类首字母大写的组件，需加配置"auto-rename-tag.ignoreCase": true，否则默认不匹配
和 Auto Close Tag / Prettier 冲突怎么办
多个标签类插件共存时，编辑事件常被拦截或重置光标位置，导致重命名“卡住”：
- 临时禁用
Auto Close Tag和Prettier，只留Auto Rename Tag测试是否恢复 - 若必须共存，关掉
Prettier的formatOnType，避免它在你打字中途格式化并移走光标 - 不要开
auto-close-tag.fullMode（尤其 JSX 场景），它会让<Component />被误判为自闭合，干扰重命名逻辑
真正卡住效率的，往往不是插件没装，而是 html.autoRenameTag 被设为 false、语言模式点错了、或者光标停在了 div 两个字母之间却以为停在了整个标签上——这些细节比重装插件快十倍。
