Les pubs vous déplaisent ? Aller Sans pub Auj. 

Générateur de configuration ESLint

DonnéesPromoteur

SAISIR

Processus automatique Côté client

Format de configuration

La configuration plane est la par défaut depuis ESLint v9. La configuration héritée est destinée aux projets plus anciens encore sur v8.

Framework / Environnement

Sélectionne un analyseur, des plugins et des règles de base adaptés à votre stack.

Guide de style

La configuration partagée est ajoutée après la base. Prettier doit être ajouté en dernier.

Utiliser TypeScript (@typescript-eslint)

Options de langage

ecmaVersion

Version de syntaxe JavaScript acceptée par l'analyseur.

sourceType

Manière dont les fichiers doivent être analysés.

Environnements

variables globales du navigateur (window, document, fetch)

variables globales de Node.js (process, require, __dirname)

variables globales de Jest (describe, test, expect)

variables globales de Mocha

Règles communes

semi (exige des points-virgules)

quotes

indent

no-unused-vars

no-console

eqeqeq (égalité stricte)

prefer-const

no-var

Options de sortie

Inclure des commentaires inline expliquant chaque option

Inclure une commentaire descriptif en tête

Inclure la commande npm install au début

SORTIR

Côté client

ANNONCE · Supprimer ?

Guide

Générateur de configuration ESLint

Génère une configuration ESLint prête à l'emploi pour votre projet en quelques secondes. Choisissez votre framework, version de langage, environnements et sévérités des règles, puis copiez directement le résultat dans votre dépôt. Prend en charge à la fois la configuration plane (ESLint v9+) et la configuration héritée utilisée par ESLint v8.eslint.config.js, ESLint v9+ .eslintrc.json format utilisé par ESLint v8.

Comment utiliser

Choisissez votre format de configuration : plane (ESLint v9+) ou hérité (.eslintrc.json).
Sélectionnez le framework que vous utilisez — JavaScript pur, Node.js, React, Next.js, Vue 3 ou TypeScript.
Choisissez optionnellement un guide de style (Airbnb, Standard, Google, Prettier) à étendre.
Activez le support TypeScript si votre stack combine JavaScript et TypeScript.
Ajustez les options de langage, les environnements et les sévérités des règles afin de correspondre à votre codebase.
Copiez la configuration générée et collez-la dans eslint.config.js ou .eslintrc.json, puis installez les dépendances indiquées.

Caractéristiques

Formats plane et hérité – Émet soit eslint.config.js pour ESLint v9+ ou .eslintrc.json pour v8.
Préférences de framework – JavaScript pur, Node.js, React, Next.js, Vue 3 et TypeScript avec les plugins et configurations recommandées correctement configurés.
Guides de style – Intégrations optionnelles Airbnb, Standard (via neostandard pour la configuration plane), Google et Prettier.
Commandes de règles communes – Contrôles de sévérité curatés pour semi, quotes, indent, no-unused-vars, no-console, eqeqeq, prefer-constet no-var.
Commande d'installation – Affiche la ligne correspondante pour savoir exactement quelles dépendances à ajouter. npm install -D – Commentaires explicatifs optionnels à côté de chaque option afin que la configuration devienne aussi une documentation.
Commentaires inline – Tout se déroule dans votre navigateur ; aucun code n'est envoyé.
Côté client uniquement Quelle est la différence entre la configuration plane et le fichier .eslintrc hérité ?

 FAQ

La configuration plane est un module JavaScript qui exporte un tableau (ou le résultat d'aides comme tseslint.config()). Elle a remplacé le système hérité de .eslintrc dans ESLint v9 et utilise des imports réels au lieu de recherches par chaîne, ce qui rend la configuration plus facile à comprendre et fonctionne mieux avec les modules ES natifs. Le système hérité de .eslintrc fonctionne encore dans ESLint v8 mais n'est plus la valeur par défaut dans les versions plus récentes.

Pourquoi Prettier doit-il être appliqué en dernier ?
eslint-config-prettier désactive les règles d'ESLint en conflit avec le formatrice de Prettier, donc l'application en dernier garantit que ces règles de formatage sont désactivées quel que soit ce que les configurations précédentes ont activé. Si vous placez Prettier plus tôt, une configuration ultérieure peut réactiver une règle qui contredit Prettier, ce qui entraîne des erreurs de lint bruyantes sur du code déjà formaté.

Quelle est la fonction réelle de l'option env / globals ?
Elle indique à l'analyseur les variables globales prédéfinies afin que des règles comme no-undef ne se plaignent pas d'elles. L'environnement du navigateur ajoute window, document, fetch, etc. ; l'environnement Node.js ajoute process, require, __dirname. Sans les variables globales appropriées déclarées, du code valide peut être signalé comme faisant référence à des variables non définies.

Quelle est la différence entre les niveaux error, warn et off ?
Un règlement mis en erreur fait que ESLint quitte avec un statut non nul, ce qui échoue les pipelines CI et les hooks pré-commit. Un règlement mis en warning affiche le message mais ne fait pas échouer la compilation. Le niveau off désactive le règlement entièrement. La plupart des équipes réservent error aux règles de correction du code et utilisent warn pour les bruits de style ou de migration qu'elles n'ont pas encore prêtes à imposer.

Générateur de configuration ESLint 1

Envie d'une expérience sans pub ? Passez à la version sans pub



 Installez nos extensions

Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide

Sur

恵 Le Tableau de Bord Est Arrivé !

Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !

ANNONCE · Supprimer ?