Comment surveilles-tu le respect du style de code dans ton projet?
sobes.tech IA
Réponse de l'IA
Pour maintenir un style de code cohérent, j'utilise les outils et processus suivants:
-
ESLint : Je configure des règles de formatage et de qualité du code (par exemple, Airbnb ou Standard). ESLint aide à détecter les erreurs de syntaxe, les problèmes d'indentation, les variables inutilisées, etc.
// Exemple .eslintrc.js module.exports = { extends: 'airbnb-base', // Ou un autre style choisi rules: { // Redéfinir ou ajouter des règles 'semi': ['error', 'always'], 'quotes': ['error', 'single'] } }; -
Prettier : J'intègre Prettier pour formater automatiquement le code. Il gère les espaces, les sauts de ligne, les points-virgules et autres détails de formatage, en travaillant avec ESLint (via des plugins).
// Exemple .prettierrc.json { "semi": true, "singleQuote": true, "printWidth": 100 } -
Husky et lint-staged : Je configure des hooks pre-commit avec Husky. Avec lint-staged, j'exécute ESLint et Prettier uniquement sur les fichiers modifiés (staged). Cela garantit que seul du code formaté et vérifié est poussé.
// Exemple package.json (partie) { "husky": { "hooks": { "pre-commit": "lint-staged" } }, "lint-staged": { "*.{js,jsx,ts,tsx}": [ "eslint --fix", "prettier --write" ], "*.{css,scss,less}": [ "stylelint --fix", // Si j'utilise Stylelint "prettier --write" ], "*.{html,vue,svelte}": [ "prettier --write" ] } } -
Revue de code : Lors du processus de revue de code, je fais attention au respect des conventions de style de code établies, même si les outils automatiques ont omis quelque chose ou s'il y a des nuances non couvertes par les règles.
-
Documentation : Je maintiens une documentation minimale sur le style de code accepté dans le projet (par exemple, dans README ou CONTRIBUTING.md), pour que les nouveaux membres de l'équipe puissent rapidement se familiariser avec les règles.
-
Intégration dans l'IDE : Je configure les éditeurs (VS Code, WebStorm, etc.) pour formater automatiquement lors de la sauvegarde et afficher les erreurs ESLint directement dans l'éditeur.