Hola Benjamin, espero que te encuentre bien este mensaje.
Aquí hay algunas respuestas a tus dudas:
Sobre el uso de ! para generar la estructura básica de HTML:
Sí, este comportamiento es gracias a Emmet, que viene integrado por defecto en Visual Studio Code (VS Code). No es necesario instalar nada adicional para utilizar estas abreviaturas básicas como ! para la estructura HTML.
Sin embargo, si has instalado extensiones como "Emmet Live" o "Emmet", estas son complementos que pueden ofrecer funcionalidades adicionales. En muchos casos, el Emmet integrado ya cumple con la mayoría de las necesidades básicas, por lo que no siempre es necesario tener extensiones extra.
Diferencia entre "Emmet normal" y "Emmet Live":
Emmet integrado en VS Code (normal): Ya está incluido en el editor y soporta un conjunto estándar de abreviaturas y atajos para HTML, CSS, etc.
Emmet Live: Es una extensión externa y ofrece características adicionales, como previsualización en vivo y ajustes personalizados, pero no es necesaria para funciones básicas como la generación automática de código HTML.
Comandos al presionar F1 en Visual Studio Code:
Cuando presionas F1 en VS Code, se abre la paleta de comandos, que incluye una lista de todas las acciones disponibles en el editor. Estos comandos no son exclusivos de Emmet, sino que abarcan muchas funciones de VS Code.
Puedes buscar comandos específicos relacionados con Emmet en esta lista. Por ejemplo, puedes buscar "Emmet: Expand Abbreviation" para ejecutar manualmente un atajo de Emmet.
Sin embargo, escribir ! en un archivo HTML y presionar Tab o Enter automáticamente expande esta abreviatura a la estructura básica de HTML, sin necesidad de activar un comando manual desde la paleta.
Espero que esto aclare tus dudas y te ayude a sacar el máximo provecho de Visual Studio Code. Si necesitas más información o tienes otras preguntas, aquí estoy.
Un saludo.
Si este post te ayudó, por favor,
marca como solucionado ✓. Continúa con tus estudios