auto rename tag扩展需手动安装并启用才能实现html标签自动同步更新。具体包括:安装插件、在设置中启用并添加html语言支持、在标签名内编辑触发、检查语言模式及上下文限制,必要时可通过命令面板手动重命名。

如果您在VSCode中编辑HTML文件时修改了某个开始标签,但结束标签未同步更新,则可能是Auto Rename Tag扩展未启用或配置异常。以下是启用并正确使用该功能的多种方法:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装Auto Rename Tag扩展
Auto Rename Tag并非VSCode内置功能,需通过扩展市场安装官方维护的插件以实现标签自动同步重命名。
1、打开VSCode,点击左侧活动栏的扩展图标(四个方块组成的图标)。
立即学习“前端免费学习笔记(深入)”;
2、在扩展搜索框中输入Auto Rename Tag。
3、在搜索结果中找到作者为Jun Han的扩展,确认描述为“Automatically rename paired HTML/XML tag”。
4、点击“Install”按钮完成安装。
二、启用扩展的默认行为
安装后该扩展通常自动启用,但部分工作区可能因设置覆盖而禁用,需手动检查语言模式绑定状态。
1、按下Cmd+,(macOS)打开设置界面。
2、在搜索框中输入autoRenameTag。
3、找到设置项“Auto Rename Tag: Enabled”,确保其复选框已勾选。
4、在同页面查找“Auto Rename Tag: Include Languages”,确认列表中包含html和xml。
三、验证并触发自动重命名功能
该功能仅在光标位于开始标签名内部且执行编辑操作时激活,需满足特定位置与操作条件才能响应。
1、新建一个文件,保存为index.html,输入内容:
2、将光标置于<div>中的<strong><font color="green">div</font></strong>两个字符之间(非尖括号内,而是标签名正中)。
<p>3、直接输入新名称如<strong><font color="green">section</font></strong>,覆盖原文字。</p>
<p>4、观察<code>











