¿Cómo hacer el empaquetado de etiquetas en VS code?

Me gustaría envolver mi html seleccionado dentro de una etiqueta en código VS. ¿Cómo hago eso?

Author: Alex, 2016-10-20
Source

3 answers

Embedded Emmet podría hacer el truco:

  1. Seleccionar texto (opcional)
  2. Ejecutar desde la paleta de comandos Emmet: Wrap with Abbreviation
  3. Introduzca una etiqueta div (o una abreviatura .wrapper>p)
  4. Pulsa Enter

El comando se puede asignar a un enlace de teclas.

introduzca la descripción de la imagen aquí

 71
Author: Alex,
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-04-07 07:26:56

Una búsqueda rápida en el mercado de VSCode: https://marketplace.visualstudio.com/items/bradgashler.htmltagwrap .

  1. Iniciar VS Código Abierto rápido (Ctrl+P)

  2. Pegar ext install htmltagwrap e introducir

  3. Seleccione HTML

  4. Pulse Alt + W (Opción + W para Mac).

 33
Author: hannes neukermans,
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-04-09 13:28:50

Como no puedo comentar, ampliaré la fantástica respuesta de Alex.

Si desea que la Sublime experiencia con envoltura de abrir el mapa de Teclado Extensiones (Preferencias > Extensiones de mapa de Teclado [Cmd+K Cmd+M]) y agregar el siguiente objeto:

{
    "key": "alt+w",
    "command": "editor.emmet.action.wrapIndividualLinesWithAbbreviation",
    "when": "editorHasSelection && editorTextFocus"
}

Que enlazará el comando Emmet wrap a Alt+W cuando se selecciona texto

(Lo siento por las instrucciones solo de OSX)

 10
Author: Andrew Lewis,
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-23 19:23:38