Как ты следишь за соблюдением код-стайла в своем проекте?

Для поддержания единого код-стайла использую следующие инструменты и процессы:

1. ESLint: Настраиваю правила форматирования и качества кода (например, Airbnb или Standard). ESLint помогает выявлять синтаксические ошибки, проблемы с отступами, неиспользуемые переменные и т.д.

   // Пример .eslintrc.js
   module.exports = {
     extends: 'airbnb-base', // Или другой выбранный стиль
     rules: {
       // Переопределение или добавление правил
       'semi': ['error', 'always'],
       'quotes': ['error', 'single']
     }
   };
   

2. Prettier: Интегрирую Prettier для автоматического форматирования кода. Он берет на себя заботу о пробелах, переносах строк, точках с запятой и других деталях форматирования, работая в связке с ESLint (через плагины).

   // Пример .prettierrc.json
   {
     "semi": true,
     "singleQuote": true,
     "printWidth": 100
   }
   

3. Husky и lint-staged: Настраиваю pre-commit хуки с помощью Husky. С lint-staged запускаю ESLint и Prettier только для тех файлов, которые были изменены (staged). Это гарантирует, что в репозиторий попадает только отформатированный и проверенный код.

   // Пример package.json (часть)
   {
     "husky": {
       "hooks": {
         "pre-commit": "lint-staged"
       }
     },
     "lint-staged": {
       "*.{js,jsx,ts,tsx}": [
         "eslint --fix",
         "prettier --write"
       ],
       "*.{css,scss,less}": [
         "stylelint --fix", // Если использую Stylelint
         "prettier --write"
       ],
       "*.{html,vue,svelte}": [
         "prettier --write"
       ]
     }
   }
   

4. Code reviews: В процессе code review обращаю внимание на соблюдение установленных соглашений по код-стайлу, даже если автоматические инструменты что-то пропустили или есть нюансы, не покрытые правилами.

5. Документация: Поддерживаю минимальную документацию по принятому код-стайлу в проекте (например, в README или CONTRIBUTING.md), чтобы новые члены команды могли быстро ознакомиться с правилами.

6. Интеграция в IDE: Настраиваю редакторы (VS Code, WebStorm и т.д.) на автоматическое форматирование при сохранении и отображение ошибок ESLint напрямую в редакторе.