有没有快速删除 vscode 中的 HTML 标签对的方法？

Posted 2023-02-21

【中文标题】有没有快速删除 vscode 中的 HTML 标签对的方法？

【英文标题】：Is there a quick way to delete an HTML tag pair in vscode?

【发布时间】：2018-08-26 10:56:26

【问题描述】：

例如，之前：

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

之后：

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

【参考方案1】：

使用Emmet: Remove Tag 命令：

使用editor.emmet.action.removeTag为此设置键绑定：

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

【讨论】：

如何删除内容？

@NamNamNam 如果您也想删除内容，请使用Emmet: Balance (outwards) 选择标签和内容，然后按退格键将其删除。

@mattbierner 愚蠢的问题，但是您输入设置 sn-p 的文件位于何处？ （窗口）

我非常希望 VS Code 有这个功能，确实如此，非常感谢！

这非常方便。非常感谢！

【参考方案2】：

请注意，vscode v1.63 也有改进（根据 OP 的要求）删除已删除标签所在的行。它现在可以在 Insiders Build 中使用。见

Emmet Remove Tag 命令改进

“Emmet：删除标签”命令现在会删除标签周围的空行，如果 它们是线上唯一的标签。它现在也没有考虑到 计算金额时记空行以重新缩进行。

见release notes: emmet remove tag improvements

<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