在vscode中是否有一种快速删除HTML标签对的方法？

Question

例如，在此之前：

<div>
    <div>Titles</div>
    <div>Description</div>
</div>

之后：

    <div>Titles</div>
    <div>Description</div>

- user2477

Answer 1

使用 Emmet: Remove Tag 命令：

使用 editor.emmet.action.removeTag 设置此命令的按键绑定：

{
    "key": "ctrl+shift+k",
    "command": "editor.emmet.action.removeTag"
}

- Matt Bierner

---

如何删除内容？ - NamNamNam

如果你想要删除内容，可以使用Emmet: Balance (outwards)来选择标签和内容，然后按退格键将其删除。 - Alfred

我非常希望 VS Code 有这个功能，而它确实有，非常感谢！ - Liran H

这非常方便。非常感谢！ - Cyrill

我简直不敢相信我浪费了多少时间去找丢失的标签结束符 :( - nmu

Answer 2

只是想提醒一下，vscode v1.63 有一个改进，也就是（如 OP 所请求的）删除已删除标记所在行上的行。它现在在 Insiders Build 中可以使用。请参见以下内容：

Emmet 删除标记命令改进

“Emmet：Remove Tag” 命令现在会删除标记周围的空行，如果它们是该行上唯一的标记。它还不会在计算需要重新缩进的行数时考虑空行。

请参见 发行说明：emmet 删除标记改进。

<div>                   <- this entire line will be removed sonce only the tag on the line
    <div>Titles</div>
    <div>Description</div>
</div>                  <- this entire line will be removed 

- Mark