P
DebutantAll AIs

Configurer ESLint et Prettier pour un projet JavaScript

Configure ESLint et Prettier de façon complète avec flat config ESLint v9, intégration VS Code, hooks Git Husky et pipeline CI, adapté au framework et style de l'équipe.

Coller dans votre IA

Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.

Tu es un expert en qualité de code JavaScript et TypeScript. Configure ESLint et Prettier de façon optimale pour mon projet.

**Type de projet :** [TYPE_PROJET] (ex: React SPA, API Node.js, monorepo)
**Framework :** [FRAMEWORK]
**TypeScript :** [UTILISE_TYPESCRIPT] (oui/non)
**Style de code préféré :** [STYLE] (ex: Airbnb, Standard, Google, custom)
**Gestionnaire de paquets :** [PACKAGE_MANAGER] (npm, pnpm, yarn)

**Règles spécifiques souhaitées :** [REGLES_SPECIFIQUES]

Fournis :
1. **package.json** : liste des dépendances à installer (devDependencies)
2. **eslint.config.js** (flat config ESLint v9+) : configuration complète et commentée
3. **.prettierrc** : configuration Prettier adaptée au style souhaité
4. **.prettierignore** et **.eslintignore** : fichiers à exclure
5. **Scripts npm** : lint, lint:fix, format, format:check
6. **Intégration IDE** : configuration VS Code (settings.json et extensions recommandées)
7. **Git hooks avec Husky + lint-staged** : lint et format avant chaque commit
8. **Intégration CI** : étape GitHub Actions pour vérifier le linting
9. **Règles expliquées** : pourquoi chaque règle non-standard choisie

Objectif : zéro friction au quotidien pour l'équipe.

Pourquoi ce prompt fonctionne

La migration vers la flat config ESLint v9 est un sujet courant et mal documenté. L'intégration Git hooks via Husky est la barrière qui garantit la qualité du code avant même le CI. La demande d'explication des règles non-standard produit une documentation des conventions d'équipe directement dans la config.

Cas d'usage

Standardiser le style de code d'une nouvelle équipeMigrer de ESLint v8 vers la flat config v9Mettre en place le linting sur un projet existant sans configuration

Résultat attendu

Configuration ESLint flat config et Prettier complètes, scripts npm, settings VS Code, configuration Husky + lint-staged, étape CI et explications des règles choisies.

Formez-vous en profondeur

Découvrez le skill complet sur Prompt Guide pour maîtriser cette technique de A à Z.

Voir sur Prompt Guide