Question

<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），用于选择打开，关闭以及之间的所有标记。

Answer 1

使用您拥有的html

$timeout( function(){$scope.fetch();}, 20);

在VS Code中，如果您在第一行中选择<nav> <ul> <li><a href="#">Home</a></li> <li><a href="About/">About</a></li> <li><a href="Contact/">Contact</a></li> <li> Portfolio  <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>，然后执行键盘快捷键：

Shift + Alt + →

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

Answer 2

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

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

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

说明：

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

See this regex101 demo

在VS Code中，如何选择“打开HTML标签”，“关闭HTML标签”以及之间的所有内容？

2 个答案: