VSCode + ESLint + Prettier. Comment bien configurer le tout

[@fredmo974]

C’est cool aussi de montrer comment utiliser la doc. Merci.

[@codingstuff8305]

Super vidéo très claire et très instructive. Je vais me mettre a utiliser ESLint et Prettier ca donne envie !

[@DevTheory]

Merci pour ton commentaire ;)

[@anthonygorski]

Le truc cool c'est la configuration global parce que la config pour chaque projet ça fait beaucoup je pense x)

[@sevakk.939]

merciii - pour le sauvetage

[@Shamzic]

Merci ! Je comprends pas pourquoi c'est un tel bordel pour faire une chose si simple.. !

[@limamike3694]

les corrections prettier sont bien réalisées quand je lance eslint . --fix (y compris celles en conflit avec eslint) par contre le plugin me surligne toujours en rouge les corrections prettier qui sont en conflit avec eslint: est-ce normal ou existe t'il un moyen de corriger ça aussi? Merci pour les explications!

[@AxelParis]

La solution (pour éviter de recopier ;)) : npm install --save-dev eslint-config-prettier eslint-plugin-prettier

[@AmauryleCour-w5t]

Très bien, mais faut il le faire à chaque fois ou peut on le faire une fois pour toutes.

[@armandsalle8447]

Trop cool 👍Une video sur le formatage d'avant commit avec Husky bientôt prévu ?

[@DevTheory]

Haha bonne idée on le note dans dans la liste des idées ;)

[@davidmosca692]

top, j'y vois plus clair, pour le formatOnSave par contre, il faut creer des regles pour js, jsx, ts, tsx?

[@alexandreblause1666]

Pourquoi utiliser Prettier si on peux modifier ajouter/modifier des rules sur le fichier eslintrc ? (J'utilise Eslint depuis longtemps, mais je voie pas l'utiliser de Prettier) quelqu'un peux m'éclairer?

[@alexandreblause1666]

A ce que j'ai compris Prettier, fait un peux le même travaille que Eslint

[@julienbonnet1741]

Ah mince j avais pas ton commentaire et j ai posé la même question

[@DevTrotter]

Autre question la tu fait passé les règles de pretier avant eslint mais pourquoi ne pas directement paramètrer directement eslint et faire faire un format code avec eslint prettier ne sert donc à rien ?

[@zetlapower5513]

super ta video cest top merci :)

[@chlbri]

Belle vidéo. Je voulais demander s'il n'y a pas un moyen de configurer eslint pour afficher les erreurs par degrés (rouge, jaune, bleu) dans vs code. Quand tout est affiché en rouge, vs code bloque des fois l'exécution.

[@bouloan7576]

Très utile, merci !

[@jeremyto]

merci pour la vid, mais je pense qu'il faut que je bookmark cette vidéo si jamais je veux continuer à faire ça pour différents projets lol, je pense plutôt utiliser qu'ESLint :p

[@jeddimees4663]

Merci !

[@mv31fr]

J'ai tout suivi jusqu'à la solution, est là c'est le drame. Il semble que ma config .prettierc ne soit lue qu'au lancement de vs code: si je fais des modifs - par exemple semi: true à false et réciproquement - ce n'est pris en compte que si je quitte et relance. Est-ce un comportement normal? Et sinon, d'où cela peut venir?

[@b40]

1 an après on a plus simple ou pas ? merci pour vos réponses

[@josuequinteros3789]

Really helpful bro

[@julienbonnet1741]

Je suis peut être un peut a côté de plaque mais j ai du mal à voir la plus value d ajouter prettier à ESLint. ESLint fait déjà tout le taf au peut configurer VS code pour qu il corrigé les problème lors de la sauvegarde ou sur un raccourci. Bref j aimerais comprendre ce qui apporte concrètement prettier par rapport à ESLint

[@_rachid]

Merci

[@alainpapaalain1580]

lorsque je lance "./node_modules/eslint/bin/eslint.js --init", windows me renvoie une erreur dans eslint.js ligne : 1 Caract : 1 Erreur : Caractère incorrect Code : 800A03F6 Source : Erreur de compilation Microsoft JScript

[@DevTrotter]

A 5:17 tu paramètre semi mais semi c'est pas pour les espace dans les parenthèse ? Parce que tu parle de ;

[@blm7929]

Non "semi" veut dire "semicolon" qui est l'anglais de "point-virgule" donc du ";"

[@animaction8056]

bonjour quand je lance la commande " ./node... " cela ne fonctionne pas , une idée ?

[@animaction8056]

J'ai trouver la solution sur pc il faut ecrire : node node_modules\eslint\bin\eslint.js --init

[@DevTheory]

Bien joué ! Je pense qu'un "npx eslint --init" marcherai aussi 👍

[@animaction8056]

@@DevTheory merci :)

[@yadusolparterre]

J'ai beaucoup de difficultés à comprendre. Pourquoi ne pas simplement lancer Prettier? Pourquoi ne pas simplement installer l'extension Prettier sur VSCode et la laisser tout faire? Quelle utilité d'utiliser ESLint si on a déjà Prettier?

[@fredericf7135]

la vidéo est super mais c'est quand même bien compliqué juste pour configurer un editeur de code !

[@allanbusi3044]

quand je fais la commande ./node... cela ne fonctionne pas

[@animaction8056]

meme probleme de mon coter ...

[@e-renecoty4204]

Une idée de pourquoi mon npm init ne veut pas se lancer ??

[@DevTheory]

Peut être un soucis dans le PATH ? c'est npm qui ne veux pas se lancer ou juste le init ?

[@e-renecoty4204]

Problème résolu il s'agissait du fichier node mal installé en tout cas un grand merci pour la vidéo et elle dune grande aide

[@valcheprod.7326]

En fait prettier corrige la forme visuelle du code et eslint corrige le fond syntaxique du code , pour ceux qui posent la question en commentaires

[@kanabeach2000]

Mais eslint fix le fait aussi non ?

[@DavidJohnson-yi4tv]

ce nest pas pratique , ca veux dire que tu dois a chaque fois recreer un fichier prettierrc pour chaque projet ?

[@loicgeeraerts]

Comme la phase d'écriture, dans eslintrc des règles, est super rapide, je me permets d'indiquer qu'il faut bien écrire dans les règles "prettier/prettier": "error" Sinon, ça ne fonctionne pas.

[@MrgnUTube]

Bon ben il manquera plus qu'un outil pour réapprendre le français aux développeurs (ou l'anglais, mais plus ce mélange horrible des deux 😅)

[@ia-maxiweb-nc]

tu peux aussi coder correctement..parce que la tu viens de perdre 12 min à ne pas coder :)

[@ia-maxiweb-nc]

@Victor Giovane ahahha... je ne regarde pas les vidéos, j'écoute, c'est le secret ! :)