如何在VSCode中快速删除一对HTML标签？附代码示例

当然有啦！在VSCode里快速删除一对HTML标签同时保留内部内容，有几个超实用的方法，正好匹配你给出的示例需求：

方法一：使用内置的「删除标签」命令（最推荐） #

这是VSCode原生支持的功能，完全不用装插件：

1. 把光标定位到你想要删除的那对标签的任意位置（比如示例中外层的<div>或者</div>标签内部）
2. 打开命令面板：Windows/Linux按Ctrl+Shift+P，Mac按Cmd+Shift+P
3. 在命令面板中输入Delete Tag，选中对应的命令并执行

执行后，外层的<div>和</div>会被直接删除，内部的内容完全保留，正好得到你想要的结果：
处理前：

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

处理后：

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

方法二：自定义快捷键提升效率 #

如果你经常需要这个操作，可以给「Delete Tag」命令绑定一个专属快捷键，不用每次打开命令面板：

1. 打开键盘快捷设置：Windows/Linux按Ctrl+K Ctrl+S，Mac按Cmd+K Cmd+S
2. 在搜索框中输入Delete Tag找到对应的命令
3. 点击命令旁边的铅笔图标，设置一个你顺手的快捷键（比如Ctrl+Shift+D），保存即可

方法三：手动多光标删除（应急小技巧） #

如果临时不想用命令或快捷键，也可以用多光标快速选中两个标签删除：

1. 按住Alt键（Mac是Option键），分别点击外层的<div>和</div>标签，此时会出现两个光标
2. 按Backspace或Delete键，就能同时删除这两个标签，保留内部内容

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