vscode修改html标签名时如何自动补全
最新回答
﹌傲似。表情帝╯▽╰
2026-07-08 15:50:52
在VSCode中修改HTML标签名时实现自动补全，可通过安装Auto Rename Tag扩展插件实现，具体步骤如下：
步骤1：打开扩展面板启动VSCode后，在左侧活动栏点击扩展图标（或通过菜单栏【设置】→【扩展】进入）。
步骤2：搜索并安装插件在扩展面板的搜索框中输入Auto Rename Tag，回车后找到列表首项（作者为Jun Han），点击【安装】。当前最新版本为0.1.4，安装后无需重启即可全局生效。
步骤3：验证功能打开任意HTML文件，修改起始标签名（如将<div>改为<header>），闭合标签会自动同步更新为</header>。
步骤4：禁用或卸载插件如需关闭功能，返回扩展面板找到Auto Rename Tag，点击【禁用】或【卸载】即可。
- 该插件仅对成对标签生效（如<div></div>），自闭合标签（如<img/>）不适用。
- 若修改后未自动补全，检查插件是否启用或尝试重启VSCode。
- 插件支持所有HTML/XML类文件，包括JSX、Vue等衍生语法。
通过以上步骤，可高效实现标签名修改时的双向同步，显著提升前端开发效率。
热门标签
