如何在VSCode中删除HTML起始标签时自动移除闭合标签?
解决VSCode中删除HTML起始标签时自动移除对应闭合标签的问题
方法一:使用VSCode原生功能
VSCode自带标签联动编辑功能,无需额外插件就能实现需求:
- 打开设置面板(快捷键:Windows/Linux用
Ctrl+,,Mac用Cmd+,) - 在搜索框输入
editor.linkedEditing,勾选Enable linked editing选项 - 确保当前文件的语言模式为HTML(点击VSCode右下角的语言标识切换)
开启后,删除HTML起始标签时,对应的闭合标签会被自动选中,按下删除键即可同步移除;修改标签名时,闭合标签也会同步更新,不会出现残留或格式错误。
方法二:使用插件实现更稳定的同步
如果原生功能满足不了需求,可借助专用插件:
主流插件:Auto Rename Tag
这是VSCode生态中最常用的标签同步插件,安装后默认开启同步删除功能:
- 安装插件后,删除起始标签时,对应闭合标签会自动被删除;删除闭合标签时,起始标签也会同步移除,完全避免
< classes...>这类格式错误。
你提到的AutoCompleteTag插件
若坚持使用该插件,可通过以下设置开启功能:
- 打开插件设置(点击插件详情页的「设置」按钮)
- 找到
Auto Complete Tag: Remove Closing Tag With Opening选项并勾选,即可实现删除起始标签时自动移除对应闭合标签。
内容的提问来源于stack exchange,提问作者Mikhail Filimovich
相关产品推荐
相关产品推荐

