P
💻DeveloppementDebutantGemini

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

Setup initial d'un nouveau projetStandardisation du code en équipeAmélioration de la qualité de code existante

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 Guide