Aller au contenu principal

Qu'est-ce que Prettier ?

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Prettier est un formateur de code ayant des opinions fortes et prenant en charge :

Il supprime tout style d'origine* et garantit que le code produit respecte un style cohérent. (Voir cet article de blog)

Prettier prend votre code et le réimprime à partir de zéro en tenant compte de la longueur des lignes.

Par exemple, prenez le code suivant :

foo(arg1, arg2, arg3, arg4);

Il tient sur une seule ligne, donc il reste tel quel. Cependant, nous avons tous été confrontés à cette situation :

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

Soudainement, notre format précédent pour appeler une fonction ne fonctionne plus car c'est trop long. Prettier va faire le travail fastidieux de le réimprimer ainsi pour vous :

foo(
reallyLongArg(),
omgSoManyParameters(),
IShouldRefactorThis(),
isThereSeriouslyAnotherOne(),
);

Prettier impose un style de code cohérent (c'est-à-dire un formatage qui n'affecte pas l'AST) sur l'ensemble de votre base de code car il ignore le style d'origine* en le parsant et en réimprimant l'AST parsé avec ses propres règles qui tiennent compte de la longueur maximale de ligne, en renvoyant le code à la ligne si nécessaire.

Si vous souhaitez en savoir plus, ces deux conférences sont d'excellentes introductions :

Une imprimante plus jolie (A Prettier Printer) par James Long à la React Conf 2017

Formatage du code JavaScript par Christopher Chedeau à React London 2017

Notes de bas de page

* En réalité, certains styles d'origine sont conservés lorsque c'est pratique—voir lignes vides et objets multi-lignes.