• A la une
  • Catégories
  • Dossiers
  • +

Prettier, vous ne verrez plus jamais de code moche

par Jose Santiagole 10/04/2018

Aujourd'hui le blog du web design vous propose de découvrir Prettier un petit outil pour remettre votre code aux bons standards et le rendre plus beau.

 

Code formatter

Prettier est ce que l'on appelle un code formatter, son travail est de rendre votre code plus propre en le remettant aux standards. Ce qui est intéressent 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 languages comme TypeScript, ES2017 etc.. Mais aussi des syntaxes de framework comme Vue. Les languages 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 languages 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'éxecuter 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

 

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
twitter birdtwitter birdtwitter birdtwitter birdtwitter bird
twitter bird
Ouvrir