Bitovi ESLint Config: Собранные вручную правила для улучшения вашего кода

Линтинг — важный шаг для обеспечения качества кода, и он хорошо подходит в качестве автоматизированного процесса в конвейере разработки. Большинство команд используют конфигурацию линтинга по умолчанию, предоставляемую их фреймворком, упуская возможности предотвратить ошибки во время выполнения и повысить качество кода с помощью расширенного набора правил ESLint.

Компания Bitovi рада объявить о выпуске пакетов @bitovi/eslint-config и @bitovi/eslint-plugin!

Стремясь к повышению качества кода и улучшению стандартов для клиентов Bitovi и сообщества, мы тщательно отобрали лучшие правила ESLint и создали несколько собственных, чтобы заполнить существующие пробелы. Мы создали @bitovi/eslint-config на основе существующих рекомендуемых наборов правил и выбрали правила, чтобы избежать распространенных ловушек, основываясь на опыте работы с клиентами и внутренними проектами.

Что входит в Bitovi ESLint Config?

Наш пакет ESLint-config содержит специальные наборы правил для Angular и React, но ваш проект может воспользоваться и другими специальными наборами правил, например RxJS. Вот несколько правил набора Angular, включенных в нашу конфигурацию ESLint:

  • Поддерживайте чистоту кода, удаляя неиспользуемые переменные — @typescript-eslint/no-unused-vars.
  • Избегайте проблем доступности при навигации с клавиатуры — @angular-eslint/template/no-positive-tabindex
  • Обеспечение доступности элементов с привязкой к событиям нажатия — @angular-eslint/template/click-events-have-key-events
  • Убедитесь, что классы компонентов с привязкой к событиям щелчка доступны — @bitovi/host-listener-click-events-have-key-events.

Начните использовать все возможности рекомендуемых правил ESLint от Bitovi, выполнив два коротких шага.

1. Установка

Для начала работы установите пакет ESLint-config! Запустите npm i -D @bitovi/eslint-config, что является сокращением от npm install --save-dev @bitovi/eslint-config.

2. Использование

После установки вы можете добавить любое из правил, предоставленных @bitovi/eslint-config, в массив расширений конфигурационного файла ESLint вашего проекта.

  extends: [
    '@bitovi/eslint-config/angular',
  ]

  // or, if you only want a specific rule set like RxJS
  extends: [
    '@bitovi/eslint-config/rules/rxjs',
  ]
Войти в полноэкранный режим Выйти из полноэкранного режима

Что дальше?

Мы планируем добавить больше пользовательских правил ESLint в пакет @bitovi/eslint-plugin, чтобы помочь вашему проекту быть более доступным, иметь лучшие показатели SEO и Lighthouse Scores, и многое другое!

Хотите узнать больше? Посмотрите на нашу дорожную карту.

У вас есть идеи или предложения? Мы с удовольствием выслушаем их. Вы можете открыть проблему в репозитории @bitovi/eslint-config.

Если у вас есть вопросы, дайте нам знать в нашем сообществе Slack!

Оцените статью
devanswers.ru
Добавить комментарий