VSCode的Auto Rename Tag：自动重命名配对的HTML标签

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、将光标置于