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
Prompts similaires
Apprendre les bases de Git pour débutants
Apprenez Git de zéro avec des explications imagées, des exemples concrets, un workflow pratique et un cheatsheet des commandes essentielles.
Implémenter une gestion des erreurs robuste en Node.js
Créez une architecture de gestion des erreurs Node.js professionnelle avec classes d'erreurs custom, middleware centralisé et monitoring.
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.
Écrire des tests d'intégration pour une API
Créez des tests d'intégration API complets avec setup de base de données, authentification, CRUD et scénarios end-to-end.