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
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
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
Concevoir un cadre de conformité en tant que code
Automatiser les contrôles de conformité
Implémenter la Clean Architecture en pratique
Implémentez la Clean Architecture en pratique avec couches, ports et adaptateurs, use cases et tests unitaires sans infrastructure.
Prompt pour maîtriser le SSR et l'hydratation avec Next.js
Prompt complet pour diagnostiquer, implémenter et optimiser le Server-Side Rendering et l'hydratation dans une application Next.js, avec gestion des erreurs courantes.
Stratégie de scheduling avancée
Optimiser le placement des pods