web-dev-qa-db-fra.com

Comment configurer Vue CLI 4 avec ESLINT + PRETTIER + AIRBNB Rules + TypeScript + Vetur?

Lors de la création d'un nouveau projet avec Vue CLI V4.0.5 avec la vérification des options de Typecript ​​et Linter/Formatter, vous recevez des options préconfigurées Pour les peluches et la mise en forme:

? Pick a linter / formatter config: (Use arrow keys)
> ESLint with error prevention only
  ESLint + Airbnb config
  ESLint + Standard config
  ESLint + Prettier
  TSLint (deprecated)

Je veux utiliser Rules AirBnB pour ESLINT avec PLORTER (format-on-sauvegarde), avec Parser TypeScript ​​et Vue CLI V4.

Ces configurations doivent également bien fonctionner avec Extension Vetur pour le code VS.

Comment configurer cette combinaison d'outillage?

Notez que ce n'est pas une question de dupe. Il existe des questions similaires mais pas avec ces exigences exactes pour Vue CLI4, TypeScript, Eslint, Airbnb, Preettier et Travailler avec le code Vetur/VS.

EDIT 2020/02 - La nature de ce défi a récemment été modifiée considérablement, donc j'ai ouvert et vous avez répondu auto-répondit une autre question: Comment configurer Vue CLI 4 avec ESLINT + AIRBNB Rules + TypeScript + Stylelint pour SCSS, dans l'éditeur de code VS avec AutoFix sur Enregistrer?

typescriptvue.jseslintvue-cliprettier
6
ux.engineer

Actuellement, je ne pense pas que Vetur fonctionne avec SFC (composants de fichiers uniques) pour fournir une achèvement tapé des accessoires. C'est pourquoi nous utilisons JSX + TypeScript + Vue + ESLINT + AIRBNB au travail.

(Je vous ai déjà envoyé des messages dans la chaîne de discorde de Vue.

1
Jess