Seleccionar elemento coincidente / renombrar etiqueta HTML en el código de Visual Studio

Digamos que tengo el siguiente código

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

¿Cómo puedo cambiar .footer de un elemento div a un elemento footer?

Es decir, si tengo el cursor en div estoy buscando un atajo de teclado que seleccione las etiquetas de apertura y cierre de un elemento. Creo que he usado emmet para hacer esto antes en Sublime, pero parece que no puedo encontrar una funcionalidad similar en el Código. (Idealmente esto también funcionaría en archivos JSX...)

Author: alanmoo, 2016-04-14
Source

5 answers

¿Desea cambiar el nombre de las etiquetas emparejadas? Si es así, hay una manera mucho más fácil: solo necesita instalar la extensión Auto Rename Tag. Cuando cambie el nombre de una etiqueta HTML, cambiará automáticamente el nombre de la etiqueta HTML emparejada.

introduzca la descripción de la imagen aquí

 29
Author: Jun Han,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-08-24 05:24:24

Puede usar un atajo de teclas cmd + D (Mac OS) para agregar a la selección el siguiente elemento coincidente y luego existe la posibilidad de editar etiquetas abiertas y cerradas simultáneamente.

 6
Author: tataata,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-17 08:19:14

CTRL + D en windows. Como se mencionó por @ tataata, CMD + D en Mac OS. No se limita al cambio de nombre de etiquetas. Muy útil.

 6
Author: SILENT,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-07-08 04:18:11

Estoy usando tag-rename. Presione F2 en la etiqueta y cambiará el nombre de las etiquetas de inicio y cierre.

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

 1
Author: igetgames,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-06-13 18:04:03

Puede hacer esto sin una extensión usando Emmet Update Tag

  1. Coloque el cursor en la etiqueta de apertura
  2. Presione CTRL + SHIFT + P para abrir la paleta de comandos
  3. Busca " Emmet: Update Tag "escribiendo algo como" em up t", y/o encuéntralo en la lista
  4. Presione enter para seleccionar "Emmet: Update Tag"
  5. Introduzca la nueva etiqueta
  6. Presione enter

La etiqueta de apertura y cierre se actualiza a la nueva.

 1
Author: Chris,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-09-12 02:23:33