Sobes.tech
Middle

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:

  1. 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']
      }
    };
    
  2. 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
    }
    
  3. 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"
        ]
      }
    }
    
  4. 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.

  5. 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.

  6. 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.