Ik wil Prettier en ESLint samen gebruiken, maar ik heb enkele conflicten ervaren door ze een voor een te gebruiken. Ik zie dat er deze drie pakketten zijn waarmee ze samen kunnen worden gebruikt:
prettier-eslint
eslint-plugin-prettier
eslint-config-prettier
Ik weet echter niet welke ik moet gebruiken, aangezien deze pakketnamen allemaal eslint
en prettier
bevatten.
Welke moet ik gebruiken?
Antwoord 1, autoriteit 100%
tl;dr: Gebruik eslint-config-prettier
, de rest kun je negeren.
ESLint bevat veel regels en regels die te maken hebben met opmaak kunnen in strijd zijn met Prettier, zoals arrow-parens
, space-before-function-paren
, enz. Vandaar het samen gebruiken ervan zal enkele problemen veroorzaken. De volgende tools zijn gemaakt om ESLint en Prettier samen te gebruiken.
prettier-eslint |
eslint-plugin-prettier |
eslint-config-prettier |
|
---|---|---|---|
Wat het is | Een JavaScript-module die een enkele functie exporteert. | Een ESLint-plug-in. | Een ESLint-configuratie. |
Wat het doet | Laat de code (string) lopen via prettier en vervolgens eslint --fix . De uitvoer is ook een string. |
Plug-ins bevatten meestal implementaties voor aanvullende regels waar ESLint op zal controleren. Deze plug-in gebruikt Prettier onder de motorkap en zal ESLint-fouten veroorzaken wanneer uw code verschilt van de verwachte uitvoer van Prettier. | Deze configuratie schakelt opmaakgerelateerde regels uit die mogelijk conflicteren met Prettier, zodat je Prettier kunt gebruiken met andere ESLint-configuraties zoals eslint-config-airbnb . |
Hoe het te gebruiken | Ofwel roept u de functie in uw code aan of via prettier-eslint-cli als je de voorkeur geeft aan de opdrachtregel. |
Voeg het toe aan uw .eslintrc . |
Voeg het toe aan uw .eslintrc . |
Voldoet de uiteindelijke uitvoer Prettier? | Afhankelijk van uw ESLint-configuratie | Ja | Ja |
Moet je het prettier commando apart uitvoeren? |
Nee | Nee | Ja |
Moet je nog iets anders gebruiken? | Nee | Misschien wil je conflicterende regels uitschakelen met eslint-config-prettier . |
Nee |