Интеграция с линтерами

Линтеры обычно содержат не только правила качества кода, но и стилистические правила. Большинство стилистических правил излишни при использовании Prettier, но что хуже – они могут конфликтовать с Prettier! Используйте Prettier для форматирования кода и линтеры для проверки качества кода, как описано в Prettier vs. Линтеры.

К счастью, легко отключить конфликтующие или излишние правила с помощью Prettier, используя эти предварительно созданные конфигурации:

• eslint-config-prettier

Просмотрите приведенные выше ссылки для получения инструкций по установке и настройке.

Примечания

При поиске Prettier и вашего линтера в Интернете, вы, вероятно, найдете больше связанных проектов. Эти проекты обычно не рекомендуются, но могут быть полезны в определенных обстоятельствах.

Во-первых, у нас есть плагины, которые позволяют запускать Prettier как правило линтера:

• eslint-plugin-prettier
• stylelint-prettier

Эти плагины были особенно полезны, когда Prettier был новым. Запуская Prettier внутри ваших линтеров, вам не нужно было настраивать новую инфраструктуру, и вы могли повторно использовать интеграцию редактора для линтеров. Но в наши дни вы можете запустить prettier --check . и большинство редакторов поддерживают Prettier.

Недостатки этих плагинов:

• В итоге у вас будет много красных волнистых линий в вашем редакторе, что раздражает. Prettier должен помочь вам забыть о форматировании, а не постоянно напоминать о нем!
• Они медленнее, чем непосредственный запуск Prettier.
• Это еще один уровень косвенности, где что-то может сломаться.

Наконец, у нас есть инструменты, которые запускают prettier и сразу же проверяют файлы, выполняя, например, eslint --fix.

• prettier-eslint
• prettier-stylelint

Они полезны, если какой-либо аспект вывода Prettier делает Prettier полностью непригодным для вас. Тогда вы можете, например, eslint --fix исправить это за вас. Недостатком является то, что эти инструменты намного медленнее, чем просто запуск Prettier.