Auto Rename Tag 插件可自动同步HTML/XML标签的开始与结束名称，支持自闭合标签和嵌套结构，无需配置即生效；可通过设置调整触发语言或改为快捷键（F2）触发，需确保文件语言模式正确识别。
VSCode 的 Auto Rename Tag 插件能自动同步修改开始标签和结束标签的名称，写 HTML 或 XML 时不用手动改两次，省事又防错。
安装后立即生效，无需额外配置
插件安装后默认开启，只要光标停在开始标签（如
， 会瞬间变成 。
- 支持自闭合标签（如
），改名时也会同步更新 - 对嵌套结构也可靠，哪怕在多层标签内部修改，只影响当前层级的配对标签
- 不干扰其他编辑操作，不影响 Emmet、格式化等常用功能
可选：微调行为更贴合习惯
如果默认行为偶尔“太积极”，比如不想在属性里触发重命名，可以加一条设置：
"auto-rename-tag.activationOnLanguage": ["html", "xml", "vue", "jsx"]或者关掉自动激活，改为按快捷键触发（默认是 F2），这样更可控。
立即学习“前端免费学习笔记（深入）”；
注意兼容性场景
某些模板语法（如 Vue 的 块、JSX 中带花括号的标签）可能需要语言模式正确识别。确保文件后缀是 .html、.xml、.vue 等，或右下角语言模式已设为对应类型。
- 在纯 JS 文件里写字符串 HTML 不会生效——插件只作用于被识别为标记语言的上下文
- 如果重命名没反应，先检查是否开启了插件，再确认光标是否真的落在标签名上（不是空格或属性里）
基本上就这些。对写结构化标记的人来说，它小而准，装了几乎不用想，但少写错好几个标签。
