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

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 packages qui semblent leur permettre d'être utilisés en tandem:

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

Cependant, je ne suis pas sûr de savoir lequel utiliser car ces noms de paquet contiennent tous eslintet prettier.

Lequel dois-je utiliser?

ESLint contient de nombreuses règles et celles qui sont le formatage liés peuvent entrer en conflit avec Prettier, tels que arrow-parens, space-before-function-paren, etc. Par conséquent les utiliser ensemble causera des problèmes. Les outils suivants ont été créés pour utiliser ESLint et Prettier ensemble.

J'ai écrit une comparaison dans un format tabulaire dans un résumé, car Stack Overflow ne prend pas en charge le formatage de tableau. Vérifiez-le si vous préférez plus d'organisation.

prettier-eslint: S'exécute prettierpuis s'exécute eslint --fixsur le code. eslinta généralement des correctifs automatiques pour le formatage des règles liées, et eslint --fixsera en mesure de corriger le formatage conflictuel introduit par Prettier. Vous n'aurez pas besoin d'exécuter la prettiercommande séparément.

eslint-plugin-prettier: Il s'agit d'un plugin ESLint, ce qui signifie qu'il contient l'implémentation de règles supplémentaires qu'ESLint vérifiera. Ce plugin utilise Prettier sous le capot et soulèvera des problèmes lorsque votre code diffère de la sortie attendue de Prettier. Ces problèmes peuvent être automatiquement résolus via --fix. Avec ce plugin, vous n'avez pas besoin d'exécuter la prettiercommande séparément, la commande est exécutée dans le cadre du plugin. Ce plugin ne désactive pas les règles liées au formatage, et vous devrez les désactiver si vous voyez des conflits pour ces règles manuellement ou via eslint-config-prettier.

eslint-config-prettier: Il s'agit d'une configuration ESLint, et elle contient des configurations pour les règles (que certaines règles soient activées, désactivées ou des configurations spéciales). Cette configuration vous permet d'utiliser Prettier avec d'autres configurations ESLint, eslint-config-airbnbpar exemple en désactivant les règles liées au formatage qui pourraient entrer en conflit avec Prettier. Avec cette configuration, vous n'avez pas besoin de l'utiliser prettier-eslintcar ESLint ne se plaindrait pas après que Prettier formate votre code. Vous devrez cependant exécuter la prettiercommande séparément.

J'espère que cela résume les différences.

Mise à jour: Il est recommandé de laisser Prettier gérer le formatage et ESLint pour les problèmes de non-formatage, prettier-eslintn'est pas dans la même direction que cette pratique, et prettier-eslintn'est donc plus recommandée. Vous pouvez utiliser eslint-plugin-prettieret eslint-config-prettierensemble.