Prettier
Como configurar Prettier en tus proyectos
Prettier
En este minicurso veremos como quitarnos de enmedio los dolores de cabeza formateando código y peleandonos con los compañeros sobre que reglas usar. Para ello utilizaremos Prettier un formateador de código opinionado, que hará que tu solución tenga un aspecto homogéneo y decidirá por ti que pinta va a tener tu código.
Temario
1 Instalación y configuración de Prettier en VSCode
No te ha pasado que te pones a picar código y se te van los tabs o te quedan unas funciones de una manera o de otra, o que cada miembro de tu equipo pica como le da la gana, o ya lo que es peor que hayan guerras santas de linter entre tabs vs espacios.
Para solucionar estos problemas tenemos Prettier, un formateador de código opinionado, es decir, yo te digo como formateo y te dejas de tonterías.
2 Configuración de Prettier en tu proyecto
Esto de tener Prettier a nivel de Visual Studio Code está muy bien pero lo ideal sería poder tener unos settings a nivel de proyecto y asegurarnos que todo el mundo trabaja de la misma manera. ¿Podemos hacer ésto? La respuesta es sí, primero a nivel de settings de VSCode para mi proyecto puedo crear una configuración homogénea para todos mis compañeros
3 Integrando prettier con tu repositorio (Husky)
En los videos anteriores vimos como configurar Prettier a nivel de Visual Studio Code, esto está muy bien pero puede que por ejemplo se una un desarrollador al equipo que no tenga Prettier instalado...
¿Y si pudieramos controlar esto a nivel de repositorio? Es decir cuando fuera a hacer un commit o un push, me salta una comprobación y aplica Prettier lo tenga o no instalado en VSCode
¿Te apuntas a nuestro máster?
Si te ha gustado este ejemplo y tienes ganas de aprender Front End guiado por un grupo de profesionales ¿Por qué no te apuntas a nuestro Máster Front End Online Lemoncode? Tenemos tanto edición de convocatoria con clases en vivo, como edición continua con mentorización, para que puedas ir a tu ritmo y aprender mucho.