Плагин ESLint для сортировки объектов, импорта, типов, перечислений, реквизитов JSX и т. д.
Стиль кода имеет решающее значение в разработке программного обеспечения. Проблема возникает, когда у членов команды разные стили.
Линтеры помогают установить единственный «правильный» способ, когда есть несколько способов сделать что-то.
Чтобы сделать ESLint более строгим и обеспечить более унифицированный код в моем проекте, я разработал плагин для ESLint под названием Перфекционист. Этот плагин сортирует импорт, объекты, интерфейсы и типы TypeScript, реквизиты JSX и другие элементы.
Перфекционист предлагает три вида сортировки: алфавитную, естественную (похожа на алфавитную, но ближе к человеческому пониманию) и сортировку по длине строки (на скриншоте выше приведен лишь пример сортировки по длине строки).
ESLint Plugin Perfectionist в настоящее время имеет 12 правил, каждое из которых можно настроить.
Как начать использовать его?
В первую очередь нужно установить на проект сам ESLint:
npm install --save-dev eslint
Далее устанавливаем плагин:
npm install --save-dev eslint-plugin-perfectionist
Самый простой способ начать пользоваться плагином — импортировать один из трех готовых конфигов в свой .eslintrc
конфиг. Например, конфиг с сортировкой по алфавиту:
{ "extends": [ "plugin:perfectionist/recommended-alphabetical" ] }
Подробнее о других конфигурациях и настройках правил см. в документации.
После установки линтер может показывать много ошибок в коде. Однако это не проблема, поскольку все правила плагина можно исправить. Это означает, что вам не нужно ничего исправлять вручную. Просто запустите eslint с флагом -fix
, и плагин все исправит автоматически.
Возьмите свой код в салон красоты!