В VS Code как выбрать открывающий тег HTML, закрывающий тег HTML и все, что между ними?

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, который у вас есть:

<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> в первой строке, а затем сделаете сочетание клавиш:

Сдвиг + Alt + →

Он должен выделить весь блок кода для вас.

Answer 2

Вы также можете использовать функцию поиска, включив режим поиска RegEx , как описано в этом ответе

Вот строка поиска, которую вы можете использовать:

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

Пояснение:

1. Поиск определенных символов: <nav>

2. После пробела ноль или более (*)(\s) и / или символы без пробелов (\S) (включая переводы строки) и

3. Остановка при достижении </nav> (включительно)

См. демонстрационную версию regex101