Бился я над следующей проблемой - после форматирования кода Prettier вылазит куча ошибок ESLint из-за прописанных там правил. В частности в html Prettier тэги загрывает, например img, и никак это не настроить (потому что видите ли у автора Prettier такая философия - меньше настроек)
Я вошёл уже в готовый проект с готовыми правилами и пропихивать туда правки, чтобы то что наформатировал Prettier не считалось ошибками, тухленький вариант. Но и от Prettier отказываться неохота...
И вот оно решение - после Prettier сразу запускать ESLint --fix, чтобы всё это безобразие от форматтера линтер сам и пофиксил. И еще всё это запихнуть в функцию Сохранить, дабы всё само собой работало (как мы все любим).
Включаем Prettier и ESLint при сохранении файла в VC Code
Нам понадобятся установленные соответствующие плагины:
- ESLint - добавляем линтер в редактор
- Prettier - Code formatter - добавляем наш любимый форматтер тудаже
- Format Code Action - это добавит команду source.formatDocument, чтобы автоматизировать запуск форматирования
Открываем настройки VS Code сразу в settings.json и прописываем туда editor.codeActionsOnSave
- "editor.codeActionsOnSave" - что делать при сохранении
- "source.formatDocument" - запускает форматирование
- "source.fixAll.eslint" - запускает ESLint --fix
И вжух... Включилась магия! Пользуйтесь на здоровье!
