You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VSCode中实现类似IntelliJ的HTML闭合标签自动移除功能?

在VSCode中实现类似IntelliJ的自闭合标签快速转换

有几种实用方法可以实现类似操作:

方法1:内置输入触发(适配HTML/Vue/JSX等格式)

如果你的文件是HTML、Vue、React(JSX)这类支持自闭合标签的格式,把光标放在开始标签的<slot后面,直接输入/,VSCode会自动将成对的<slot></slot>转换为<slot/>。注意要确保当前文件的语言模式正确(比如切换到HTML或Vue模式),默认配置下这个功能是启用的。

方法2:快捷键快速转换

如果内置输入触发不生效,可通过编辑器的快速修改功能操作:

  • 将光标定位在开始标签内,按下Ctrl+.(Windows/Linux)或Cmd+.(Mac);
  • 在弹出的操作菜单中选择「Convert to Self-Closing Tag」,即可一键完成标签合并。

方法3:扩展增强操作体验

如果需要更贴合IntelliJ的使用感,可以安装Auto Rename Tag这类扩展,它不仅支持标签重命名同步,也能在输入自闭合符号时快速合并成对标签,操作逻辑和你熟悉的IntelliJ一致。


内容的提问来源于stack exchange,提问作者Artur Müller Romanov

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 00:22:36