Sobre Prettier
Tiempo de lectura:
Publicado:
Actualizado:
Prettier1 es una herramienta que nos ayuda a mantener el formato de nuestro c贸digo de manera consistente. Funciona en diferentes editores de c贸digo y para diferentes lenguajes.
En HTML nos ayuda a mantener una legibilidad m谩s adecuada por medio de los saltos de l铆nea y la indentaci贸n.
En CSS nos ayuda a espaciar correctamente los selectores y las reglas.
En JS nos ayuda a autocompletar el punto y coma, adem谩s de mantener los espacios consistentes.
Instalaci贸n
Podemos instalarla en VS Code como una extensi贸n. Para ello podemos ir a la barra lateral > extensiones y buscar prettier.
Configuraci贸n
C贸mo activarla
Vamos a las opciones de nuestro editor (podemos usar el atajo ctrl/cmd + ,), y buscamos formatter (formateador).
En la lista Default formatter vamos a seleccionar Prettier.
C贸mo formatear autom谩ticamente al guardar
Para un mejor flujo de trabajo, podemos hacer que este formateador funcione al momento de guardar nuestros archivos.
En la misma b煤squeda de ajustes podemos encontrar la opci贸n Format On Save (formatear al guardar), y la activamos.
Ahora cada que guardemos alg煤n archivo de c贸digo que est茅 soportado por esta herramienta, cambiar谩 el formato de manera autom谩tica.
Se puede configurar para seguir diferentes reglas de formato, aunque las reglas por defecto son suficiente para los principiantes.