VSCode的Auto Rename Tag扩展可自动同步修改HTML/XML标签名。需安装扩展、确认文件语言模式为HTML/XML、配置启用选项,并排查文件关联或语法问题;VSCode 1.86+也支持内置HTML标签重命名功能。

如果您在编写HTML或XML代码时,频繁修改标签名称却需要手动同步修改闭合标签,VSCode的Auto Rename Tag扩展能自动完成这一重复操作。以下是启用与配置该功能的具体步骤:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装Auto Rename Tag扩展
该扩展由Jun Han开发,通过VSCode扩展市场安装后即可为HTML、XML、Vue等支持的文件类型提供实时标签重命名联动功能。
1、打开VSCode,点击左侧活动栏中的扩展图标(四个方块组成的图标)。
立即学习“前端免费学习笔记(深入)”;
2、在扩展搜索框中输入Auto Rename Tag。
3、在搜索结果中找到作者为Jun Han的扩展,点击“安装”按钮。
4、安装完成后点击“重新加载”使扩展生效。
二、启用自动重命名功能
扩展默认启用,但需确保当前文件类型被识别为HTML或XML,且编辑器未处于禁用语言特性的模式。
1、打开一个以.html或.xml为后缀的文件。
2、确认右下角状态栏显示语言模式为HTML或XML;若显示为Plain Text,点击该区域并选择对应语言。
3、将光标置于起始标签的标签名内(例如
三、配置插件行为
可通过设置控制是否对自闭合标签、属性值或特定语言启用重命名,避免误触发。
1、按下Cmd + ,(macOS)打开设置界面。
2、在搜索框中输入auto rename tag。
3、勾选或取消勾选Auto Rename Tag: Enable Auto Rename Tag以全局开关功能。
4、如需仅对HTML生效,将Auto Rename Tag: Include Languages设为["html"]。
四、处理不生效的常见情况
当重命名未触发时,可能因文件关联错误、嵌套过深或语法不规范导致插件无法准确解析标签结构。
1、检查文件是否保存且后缀正确,临时文件或无后缀文档不会被识别。
2、确认代码中无未闭合的注释(如











