Jak sledujete dodržování stylu kódu ve svém projektu?
sobes.tech AI
Odpověď od AI
Pro udržení jednotného stylu kódu používám následující nástroje a procesy:
-
ESLint: Konfiguruji pravidla formátování a kvality kódu (například Airbnb nebo Standard). ESLint pomáhá odhalit syntaktické chyby, problémy s odsazením, nepoužité proměnné atd.
// Příklad .eslintrc.js module.exports = { extends: 'airbnb-base', // Nebo jiný zvolený styl rules: { // Přepsání nebo přidání pravidel 'semi': ['error', 'always'], 'quotes': ['error', 'single'] } }; -
Prettier: Integruji Prettier pro automatické formátování kódu. Postará se o mezery, zalomení řádků, středníky a další detaily formátování, pracující ve spojení s ESLint (přes pluginy).
// Příklad .prettierrc.json { "semi": true, "singleQuote": true, "printWidth": 100 } -
Husky a lint-staged: Konfiguruji hooks pre-commit pomocí Husky. S lint-staged spouštím ESLint a Prettier pouze na změněných (staged) souborech. To zajišťuje, že do repozitáře putuje pouze naformátovaný a zkontrolovaný kód.
// Příklad package.json (část) { "husky": { "hooks": { "pre-commit": "lint-staged" } }, "lint-staged": { "*.{js,jsx,ts,tsx}": [ "eslint --fix", "prettier --write" ], "*.{css,scss,less}": [ "stylelint --fix", // Pokud používám Stylelint "prettier --write" ], "*.{html,vue,svelte}": [ "prettier --write" ] } } -
Revize kódu: Při procesu revize kódu věnuji pozornost dodržování stanovených pravidel stylu, i když automatické nástroje něco přehlédly nebo existují nuance, které nejsou pravidly pokryty.
-
Dokumentace: Udržuji minimální dokumentaci o přijatém stylu kódu v projektu (například v README nebo CONTRIBUTING.md), aby se noví členové týmu mohli rychle seznámit s pravidly.
-
Integrace do IDE: Konfiguruji editory (VS Code, WebStorm atd.), aby se při ukládání automaticky formátoval kód a přímo v editoru se zobrazovaly chyby ESLint.