Prettier

Como configurar Prettier en tus proyectos

Introducción

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.

Ver lección

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

Ver lección

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

Ver lección

¿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.