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