如何在VSCode中删除指定HTML闭合标签且保留对应起始标签

以下是几种实用的操作方式，帮你精准删除目标闭合标签（如</div>），同时保留起始标签和子标签：

方法一：正则查找替换（推荐） #

• 打开查找替换面板：按下Ctrl+H（Windows/Linux）或Cmd+H（Mac）。
• 开启正则匹配：点击面板右上角的.*按钮（正则模式开关）。
• 输入查找规则：
  • 若要删除单独一行的</div>（含前后空格及可能的注释），输入：

    ^\s*<\/div>\s*(<!--.*-->)?\s*$
    

  • 若要删除所有出现的</div>（无论是否在单独一行），输入：

    \s*<\/div>\s*
    

• 替换框留空，点击「全部替换」或「替换」按钮，即可删除匹配到的闭合标签。

方法二：手动批量选择删除 #

• 按下Ctrl+F（Windows/Linux）或Cmd+F（Mac）打开查找框。
• 输入</div>，点击查找框右侧的「选择所有匹配项」按钮（或按下Alt+Enter）。
• 按下Delete键，一次性删除所有选中的闭合标签。

进阶技巧（区分层级） #

如果需要只删除顶级的</div>，可先利用VSCode的代码折叠功能：

• 点击起始<div>左侧的折叠箭头，收起所有子内容。
• 此时能清晰定位到对应的顶级</div>，直接选中删除即可。

内容的提问来源于stack exchange，提问作者Kenny Ken