En el video podrás ver trucos para visual studio code #1.

Al iniciar visual studio code, en vez de escribir todo esto etiqueta por etiqueta

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Prueba a escribir solo ! y pulsa enter. Verás como te aparece directamente la estructura HTML

 Atajo para estructura HTML
Atajo para estructura HTML

y verás como te aparece toda la estructura ya escrita.

 Atajo para estructura HTML
Atajo ! oara estructura HTML

Es necesario, eso si, que te encuentres en un archivo con extensión HTML. Es decir no sirve que estés en un archivo de texto en el programa, tienes que crear un archivo con extensión HTML

Os dejo un video del canal de youtube con un pequeño tutorial

Esto es gracias a Emmet, una herramienta de productividad incorporada en el programa, que también es disponible en visual studio mediante extensiones. Su función principal es simplificar la escritura de código HTML y CSS mediante abreviaciones que se expanden automáticamente en estructuras completas.

Te invito a probarlo y a seguirme en mi canal de Youtube para seguir viendo tutoriales y noticias de programación

Comparte esta entrada en tus redes sociales:
Share on Facebook
Facebook
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Whatsapp
Whatsapp
Pin on Pinterest
Pinterest

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.