如何在VS Code中选择并移除含标签及内容的HTML元素？

VS Code自带的「Emmet: Remove Tag」确实只能剥离标签包裹，没法连子元素一起删掉。要快速移除整个元素（比如你示例里的<ul>及其所有<li>），可以试试这几种原生操作：

• 快速选中整个元素后删除
  把光标放在目标元素的任意位置（不管是开标签、闭标签还是子元素里），按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板，输入并执行Expand Selection to Tag，重复按这个命令（或者用默认快捷键Ctrl+Shift+Alt+→/Cmd+Shift+Alt+→），直到选中整个目标元素（包括开标签、闭标签和所有内部内容），最后按Delete键就能一次性删掉。

• 配对标签选中法
  光标定位到<ul>的开标签或闭标签上，按下Ctrl+Shift+\（Windows/Linux）或Cmd+Shift+\（Mac）跳转到配对标签，然后按住Shift键点击配对标签的末尾，就能选中整个元素块，再删除即可。

举个例子，对你提供的这段HTML：

<!DOCTYPE html>
<html>
<head>
    <title>My Dummy HTML Snippet</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is a dummy HTML snippet with nested tags.</p>
    <div>
        <h2>A Nested Section</h2>
        <p>This is a paragraph inside a div element.</p>
        <ul>
            <li>List item 1</li>
            <li>List item 2</li>
            <li>List item 3</li>
        </ul>
    </div>
    <p>Back to the main content.</p>
</body>
</html>

用上面的方法选中整个<ul>块删除后，<div>部分就会变成：

<div>
    <h2>A Nested Section</h2>
    <p>This is a paragraph inside a div element.</p>
</div>

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