¿Cómo pone el slash de cierre en las etiquetas vacías? (pareciera que usa un shortcut para que eso se haga solo)

Cristian Blandón

Cristian Blandón

Pregunta
studenthace 4 años

¿Cómo pone el slash de cierre en las etiquetas vacías? (pareciera que usa un shortcut para que eso se haga solo)

5 respuestas
para escribir tu comentario
    Cristian Blandón

    Cristian Blandón

    studenthace 4 años

    @JohnDev esta extensión no, pero gracias por comentar.

    Jonh Pertuz pertuz

    Jonh Pertuz pertuz

    studenthace 4 años

    Estas extensiones las enseñaron a instalara mucho de nosostros en el curso de prework

    Brandon Argel Verdeja Dominguez

    Brandon Argel Verdeja Dominguez

    studenthace 4 años

    También puedes configurar la extensión a tu gusto en vscode. Si tienes duda de como configurar la extensión o no te funciona como quieres, no dudes en preguntar 😄

    Brandon Argel Verdeja Dominguez

    Brandon Argel Verdeja Dominguez

    studenthace 4 años

    ¡Hola @cristianblar! Lo hace con un atajo: Alt + Shift + f Con esto se auto acomoda todo tu código de una manera más legible y dependiendo si tienes alguna extensión instalada también coloca los slash de cierre, puedes intentar el shortcut. Si no te funciona existen extensiones como Prettier en VSCode que lo configuran y con estas extensiones ya es seguro que lo acomoda... Nota: Si tienes Prettier instalado al utilizar el comando es posible que te diga que tienes diferentes maneras de "organizar" tu código puedes probar con ambas y dejar la que te guste 😃😃 ¡Saludos!

    Daniel Adolfo Ordoñez Rubio

    Daniel Adolfo Ordoñez Rubio

    studenthace 4 años

    Hola, Cristian :) En Visual Studio Code, la extensión Auto Rename Tag es muy práctica porque se encarga de mantener las parejas de etiqueta (apretura y cierre) y cuando cambias una actualiza la pareja.

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.