Выберите соответствующий элемент/переименовать HTML-тег в Visual Studio кодекса

Question

Допустим, у меня есть следующий код

<div class="footer"> <div>Foo</div> </div>

Как я могу изменить .footer от div элемента к элементу footer?

То есть, если у меня есть указатель в div Я ищу комбинацию клавиш, которая выбирает открывающий и закрывающий теги элемента. Я считаю, что я использовал emmet для этого раньше в Sublime, но я не могу найти аналогичную функциональность в Code. (В идеале это будет работать и в файлах JSX ...)

Answer 1

вы хотите переименовать спаренные теги делать? Если да, есть намного более простой способ: вам просто нужно установить расширение Auto Rename Tag. При переименовании одного тега HTML он автоматически переименует парный тег HTML.

Answer 2

Я использую tag-rename. Нажмите F2 на ярлыке и переименуйте теги начала и закрытия.

https://marketplace.visualstudio.com/items?itemName=krizzdewizz.tag-rename

Answer 3

Вы можете использовать комбинации клавиш cmd + D (Mac OS) для добавления к выбору следующего подходящего элемента, а затем есть возможность редактировать открытые и закрывающие теги одновременно.

Answer 4

CTRL + D на окнах. Как упоминалось @tataata, CMD + D в Mac OS. Не ограничивается переименованием тегов. Очень полезно.