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 : 1. **Installation** : commandes npm/yarn pour toutes les dépendances nécessaires avec les versions exactes. 2. **.eslintrc.json ou eslint.config.js** : configuration ESLint complète avec plugins, règles et ignores. 3. **.prettierrc** : configuration Prettier cohérente avec ESLint (sans conflits). 4. **.eslintignore et .prettierignore** : fichiers d'exclusion adaptés au projet. 5. **Scripts npm** : scripts lint, lint:fix, format dans package.json. 6. **Configuration VS Code** (.vscode/settings.json) : format on save, ESLint intégré. 7. **Husky + lint-staged** : hook pre-commit qui lint et formate uniquement les fichiers modifiés. 8. **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.
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.
Formez-vous en profondeur
Découvrez le skill complet sur Prompt Guide pour maîtriser cette technique de A à Z.
Voir sur Prompt GuideTermes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Prompts similaires
Concevoir une architecture microservices
Concevez une architecture microservices complète avec décomposition DDD, patterns de communication, résilience et observabilité.
Concevoir une stratégie de cache applicatif
Concevez une stratégie de cache Redis complète avec patterns appropriés, politique TTL, invalidation et protection contre les stampedes.
Optimiser les performances d'une application React
Optimisez votre application React pour atteindre d'excellentes métriques Core Web Vitals grâce à des techniques avancées de mémorisation et code splitting.
Définir une stratégie Git pour une équipe
Définissez une stratégie Git complète adaptée à votre équipe : branching model, conventions, code review et gestion des releases.