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

Скажем, у меня есть следующий код

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

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

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

Ответы

Ответ 1

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

введите описание изображения здесь

Ответ 2

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

Ответ 3

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