安装Auto Rename Tag扩展后,修改标签时另一侧自动同步。支持HTML、JSX、TSX、Vue等文件类型,提升编码效率。

VSCode 中可以通过安装特定扩展来实现自动重命名标签的功能,尤其是在编写 HTML、JSX 或 Vue 等带有标签结构的代码时非常实用。
安装 Auto Rename Tag 扩展
这是实现自动重命名标签的核心步骤:
- 打开 VSCode,点击左侧活动栏中的扩展图标(或按 Ctrl+Shift+X)
- 在搜索框中输入 Auto Rename Tag
- 找到由 Jun Han 开发的 Auto Rename Tag 插件
- 点击“安装”按钮
启用和使用功能
安装完成后,该功能默认启用,无需额外配置。当你修改一个标签的开始部分或结束部分时,另一个会自动同步更改。
- 例如,在 HTML 中将
会自动变为改为,对应的 - 支持的文件类型包括:HTML、JSX、TSX、Vue 等
检查设置(可选)
如果你发现功能未生效,可以检查 VSCode 设置:
- 进入设置页面(文件 > 首选项 > 设置,或按 Ctrl+,)
- 搜索 auto rename tag
- 确保 Auto Rename Tag: Enabled 是勾选状态










