Выбор ответа Middle Линтеры и форматирование обновлено

Как подружить ESLint и Prettier

Вопрос

После сохранения файла ESLint и Prettier по очереди переписывают отступы и кавычки друг за другом. Как правильно решить конфликт?

Попробуйте сами

Выберите вариант, и откроется разбор.

Показать ответ и разбор

Коротко

Правильный ответ: Подключить eslint-config-prettier последним в конфиге. eslint-config-prettier выключает правила форматирования ESLint, и за вид кода отвечает только Prettier.

Варианты ответа

  1. Удалить Prettier, ESLint умеет всё и форматирует сам
  2. Отключить ESLint в редакторе, оставить только Prettier
  3. Запускать Prettier только в CI, а локально ESLint
  4. Подключить eslint-config-prettier последним в конфигеправильный ответ

Разбор

eslint-config-prettier выключает правила форматирования ESLint, и за вид кода отвечает только Prettier. Подключают его последним, чтобы он переопределил ранние конфиги.

  • Сам ESLint объявил свои правила форматирования устаревшими, так что «ESLint умеет всё» плохой путь.
  • Prettier только в CI оставит конфликт в редакторе и даст красные сборки.
  • Отключение ESLint в редакторе лишит подсказок о реальных ошибках.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.