在 VS Code 中，如何选择打开 HTML 标签、关闭 HTML 标签以及介于两者之间的所有内容？答案

【问题标题】：In VS Code, How Do I Select Opening HTML Tag, Closing HTML Tag and all the Things In Between?在 VS Code 中，如何选择打开 HTML 标签、关闭 HTML 标签以及介于两者之间的所有内容？
【发布时间】：2019-07-01 18:25:01
【问题描述】：

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="About/">About</a></li>
    <li><a href="Contact/">Contact</a></li>
    <li>
      Portfolio
      <!-- TODO: Make this a dropdown menu. -->
      <ul>
        <li><a href="">Project 1</a></li>
        <li><a href="">Project 2</a></li>
        <li><a href="">Project 3</a></li>
      </ul>
    </li>
  </ul>
</nav>

鉴于上述情况，我想选择开头<nav>，然后还选择结尾<nav>，包括其间的所有内容。

换句话说，一个快捷键 (Mac OS X)，用于选择打开、关闭以及介于两者之间的所有标记。

【问题讨论】：

按住 shift 键可以选择闪光灯当前所在的位置。
是的...TX。我的意思是点击打开？？？？然后 ⌨️ 快捷方式从中选择 ????关闭????。不是多次点击。
stackoverflow.com/a/52485729/1363423 这很好用

标签： html visual-studio-code

【解决方案1】：

使用您拥有的 html：

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="About/">About</a></li>
    <li><a href="Contact/">Contact</a></li>
    <li>
      Portfolio
      <!-- TODO: Make this a dropdown menu. -->
      <ul>
        <li><a href="">Project 1</a></li>
        <li><a href="">Project 2</a></li>
        <li><a href="">Project 3</a></li>
      </ul>
    </li>
  </ul>
</nav>

在 VS Code 中，如果您在第一行选择 <nav>，然后执行键盘快捷键：

Shift+Alt+→

它应该为您突出显示整个代码块。

【讨论】：

【解决方案2】：

您还可以使用搜索功能，启用RegEx搜索模式as described in this answer

这是您可以使用的搜索字符串：

<nav>[\s\S]*<\/nav>

解释：

搜索特定字符：<nav>
后跟零个或多个 (*) 空白 (\s) 和/或非空白 (\S) 字符（包括换行符） em> 和
到达</nav>（含）时停止

See this regex101 demo

【讨论】：