Quelle est la différence entre prettier-eslint, eslint-plugin-prettier et eslint-config-prettier?

Question

Je veux utiliser Prettier et ESLint ensemble, mais j'ai rencontré des conflits simplement en les utilisant l'un après l'autre. Je vois qu'il y a ces trois paquets qui semblent leur permettre d'être utilisés en tandem:

• prettier-eslint
• eslint-plugin-prettier
• eslint-config-prettier

Cependant, je ne sais pas lequel utiliser car ces noms de paquetages contiennent tous eslint et prettier .

Que devrais-je utiliser?

Answer 1

ESLint contient de nombreuses règles et ceux qui sont mise en forme liées au risque d'entrer en conflit avec les plus Jolies, comme arrow-parens, space-before-function-paren, etc. Donc à l'aide de leur causer quelques problèmes. Les outils suivants ont été créés pour servir de ESLint et plus Joli ensemble.

J'ai écrit une comparaison dans un format tabulaire dans un résumé, depuis Débordement de Pile ne prend pas en charge la mise en forme du tableau. Check it out si vous préférez plus d'organisation.

prettier-eslint: Exécute prettier puis exécutez eslint --fix sur le code. eslint a généralement automatique des correctifs pour la mise en forme des règles connexes, et eslint --fix sera en mesure de résoudre le conflit de formatage introduit par plus Joli. Vous n'aurez pas besoin d'exécuter l' prettier commande séparément.

eslint-plugin-prettier: C'est un ESLint plugin, le sens qu'il contient de la mise en œuvre des règles complémentaires que ESLint va vérifier. Ce plugin utilise plus Joli sous le capot et soulèvera des questions lors de votre code diffère de la plus Jolie de la sortie attendue. Ces problèmes peuvent être automatiquement fixé par --fix. Avec ce plugin, vous n'avez pas besoin d'exécuter l' prettier commande séparément, la commande est exécutée dans le cadre du plugin. Ce plugin ne permet pas de désactiver la mise en forme-règles liées, et vous aurez besoin de les désactiver si vous voyez des conflits de telles règles, que ce soit manuellement ou via eslint-config-prettier.

eslint-config-prettier: C'est un ESLint de config, et il contient les configurations de règles (si certaines règles sont à, de, ou configurations spéciales). Cette configuration vous permet d'utiliser plus Jolie avec d'autres ESLint configs comme eslint-config-airbnb en désactivant la mise en forme-règles liées susceptibles d'entrer en conflit avec les plus Jolies. Avec cette configuration, vous n'avez pas besoin d'utiliser prettier-eslint comme ESLint ne serait pas se plaindre après plus Joli formats de votre code. Il vous sera toutefois nécessaire pour exécuter l' prettier commande séparément.

Espérons que cela résume les différences.

Mise à jour: prettier-eslint est recommandé de ne pas plus et vous pouvez utiliser eslint-plugin-prettier et eslint-config-prettier ensemble.