Prettier, un outil résolvant les erreurs de votre code

Le 10/04/2018

Aujourd'hui le BlogduWebdesign vous propose de découvrir Prettier, un outil pour remettre votre code aux bons standards et de repérer les différentes erreurs.

Code formatter

Prettier est ce que l'on appelle un code formatter, son travail est de rendre votre code correct en le remettant aux standards. Ce qui est intéressant avec ce genre d'outil c'est qu'il nous permet de rendre plus lisible et plus maintenable notre code. Plus besoin de suer quand vous êtes la première personne à passer après le stagiaire sur un fichier ! Génial non ?

Prettier supporte plusieurs langages comme TypeScript, ES2017 etc.. Ce logiciel supporte aussi des syntaxes de framework comme Vue. Les langages comme PHP Ruby Java sont pour le moment en Work in progress. Vous pouvez quand même les utiliser, mais il vous faudra les rajouter vous même en plus. Les développeurs des différents modules de langages recommandent de ne pas les utiliser pour le moment sur en environnement de production.

Installation

L'installation est assez simple, vous avez le choix de l'installer localement sur un projet :

npm install –save-dev –save-exact prettier

Ou globalement :

npm install –global prettier

Ensuite la documentation est là pour vous aider et est assez complète. La configuration de l'outil est assez souple, vous pouvez lui dire de s'exécuter au moment d'un commit avec l'aide d'un hook git, à la sauvegarde d'un fichier, vous pouvez ignorez des fichiers...

Et bonne nouvelle pour les personnes ayant peur de la CLI l'outil est disponnible sous forme de plugin pour la plus part des éditeurs.