安装Auto Rename Tag插件可实现VSCode中HTML、JSX、Vue等文件的标签自动重命名，修改一侧标签时另一侧同步更新，提升编码效率。
VSCode 默认不开启标签自动重命名功能，但通过安装合适的扩展并正确配置，可以轻松实现 HTML、JSX、Vue 等文件中的标签自动重命名。最常用且有效的方法是使用 “Auto Rename Tag” 插件。
安装 Auto Rename Tag 扩展
这是实现自动重命名标签的核心步骤：
- 打开 VSCode，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X）
- 搜索 Auto Rename Tag
- 找到由 Jun Han 开发的 “Auto Rename Tag” 扩展并点击安装
确保插件正常工作
安装后大多数情况下会立即生效，但你可以检查以下设置以确保功能启用：
- 打开设置（Ctrl+,）
- 搜索 auto rename tag
- 确认 "Auto Rename Tag: Enabled" 是勾选状态
支持的文件类型
该插件默认支持多种语言格式：
- HTML
- JSX / TSX
- Vue (.vue 文件)
- XML
- Handlebars 等
当你修改开始标签或结束标签时，另一侧会自动同步更新。
常见问题与注意事项
如果功能未生效，可排查以下情况：
- 确认没有与其他类似插件冲突（如旧版或重复功能的重命名工具）
- 检查文件语言模式是否正确（例如，.html 文件不应被识别为纯文本）
- 某些框架语法（如 React 中的自闭合标签）无需重命名，因此不会触发
- 在复杂嵌套结构中，确保光标完全在标签内再修改
基本上就这些。安装 Auto Rename Tag 后，重命名标签就像编辑普通文本一样自然，VSCode 会自动帮你保持开闭标签一致，提升编码效率和准确性。不复杂但容易忽略。
