Aprovecha el precio especial.

Antes:$249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

14d

13h

11m

02s

17

Cómo acomodar/ordenar/organizar TODO tú código SOLO con 3 teclas

Leíste bien este NO es un click bait…
En el curso se gasta mucho tiempo acomodando la indentación del código y hay un atajo para hacerlo:
Alt + Shift + F
Este comando lo que hace es que formatea el documento, si tienes la manera predeterminada de VSCode solo acomodará.

Pero existe una extensión llamada Prettier que tiene otras funciones aparte como:

  • Cerrar las etiquetas que falten automáticamente
  • Lo indentará
  • Cerrará las etiquetas únicas con un slash: ejemplo <imh src=“image.jpg” />
    Entre otras cosas con el objetivo de que tu código sea más legible y organizado

¡Pero eso no es todo!

También puedes personalizar Prettier como tú quieras, te dejo un → Video ← para que lo personalices como mejor te guste a tí:

Y por último si no sabes como instalar extensiones en VSCode lo puedes hacer fácilmente así:
instalar.png

Una vez intentes formatear algún documento con (Alt + Shift + f) te aparecerá un recuadro diciendo que hay múltiples formatos, y le das a configurar:
conf.png

Y seleccionamos prettier:
prettier.png

Nota: Si no te salió ese recuadro o te equivocaste y seleccionaste otro lo podemos arreglar, así:
Le damos al engranaje, y después en ajustes:
ajustes.png

Una vez en ajustes de damos a esa hoja que aparece arriba en la derecha:
hoja.png
Y escribimos los lenguajes en los que queremos usar prettier:
lenguajes.png

Te paso la configuración del código por si a caso :

"[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
"[css]": {
        "editor.defaultFormatter": "michelemelluso.code-beautifier"
    },

Si llegaste hasta acá y se te hizo interesante este tutorial no olvides darle corazón 💚💚💚😄

Escribe tu comentario
+ 2
Ordenar por:
5
112Puntos
3 años

Excelente herramienta gracias

2
6Puntos
un año

Buscar desde google y que me encuentre esto, me alegra de que exista este apartado de ayuda.👍

1
3412Puntos
10 meses

y en mac 😞 esto es cumplicado ser nuevo en mac y no te sabes ningun atajo