Configurer ESLint et Prettier pour un projet
Configurez ESLint et Prettier de zéro avec hooks pre-commit, intégration IDE et CI pour standardiser le code de votre équipe.
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Tu es un expert en outillage JavaScript et en qualité de code. Je dois configurer ESLint et Prettier pour standardiser le code de mon projet.
Type de projet :
[EX: React avec TypeScript, Node.js API pure JavaScript, projet Next.js, librairie npm]
Configuration souhaitée :
- Guide de style de base : [EX: Airbnb, Standard, Google, ou configuration custom]
- TypeScript : [Oui/Non]
- Règles spécifiques importantes pour mon équipe : [EX: pas de console.log en production, imports triés, longueur de ligne max 100]
- Framework spécifique : [EX: règles React hooks, règles Jest pour les tests]
Environnement :
- IDE : [EX: VS Code, WebStorm, Vim]
- Node.js version : [EX: 20.x]
Crée une configuration complète et prête à l'emploi :
- Installation : commandes npm/yarn pour toutes les dépendances nécessaires avec les versions exactes.
- .eslintrc.json ou eslint.config.js : configuration ESLint complète avec plugins, règles et ignores.
- .prettierrc : configuration Prettier cohérente avec ESLint (sans conflits).
- .eslintignore et .prettierignore : fichiers d'exclusion adaptés au projet.
- Scripts npm : scripts lint, lint:fix, format dans package.json.
- Configuration VS Code (.vscode/settings.json) : format on save, ESLint intégré.
- Husky + lint-staged : hook pre-commit qui lint et formate uniquement les fichiers modifiés.
- CI : step GitHub Actions pour vérifier le linting.
Explique les règles les plus importantes et pourquoi elles améliorent la qualité du code.
Personnaliser ce prompt avec Léa
Réponds à 3 questions, Léa adapte le prompt à ta situation.
Pourquoi ce prompt fonctionne
<p>Ce prompt couvre l'ensemble de l'écosystème de qualité de code autour d'ESLint et Prettier, depuis la configuration initiale jusqu'à l'intégration CI en passant par les hooks pre-commit. Cette approche holistique garantit que les standards de code sont appliqués à chaque étape du workflow de développement.</p><p>La gestion des conflits entre ESLint et Prettier est un problème classique que ce prompt adresse explicitement : sans une configuration coordonnée (eslint-config-prettier pour désactiver les règles ESLint de formatage), les deux outils se contredisent et génèrent des frustrations infinies.</p><p>L'utilisation de lint-staged plutôt que de linter tout le projet à chaque commit est une optimisation de performance importante pour les grandes codebases : linter uniquement les fichiers modifiés réduit le temps du hook pre-commit de plusieurs minutes à quelques secondes.</p>
Cas d'usage
Résultat attendu
Fichiers de configuration ESLint et Prettier complets, scripts npm, configuration VS Code, setup Husky et step GitHub Actions.
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Précise que tu veux le format **eslint.config.js** (flat config) si tu es en ESLint 9+, car `.eslintrc.json` est legacy. Le flat config centralise ignores, plugins et règles sans `.eslintignore`. Pour TypeScript, demande `@eslint/js` et `typescript-eslint` plutôt que d'anciens presets. Si la réponse te sort encore un `.eslintrc`, demande immédiatement une migration vers le nouveau format pour éviter la dette technique.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Convertir du CSS en Tailwind
Migrer le style vers Tailwind
Refactoriser du code legacy vers des patterns modernes
Moderniser du code legacy progressivement
Conformité PCI-DSS ou SOC2
Préparer une conformité réglementaire
Chiffrement at rest et in transit
Sécuriser les données au repos et en transit