В этом видео мы узнаем что такое eslint и prettier и подключим их на проект Подписывайтесь на мой telegram канал: t.me/cleanfrontend Ссылки мне ещё нельзя оставлять, я слишком маленький(
Женя, а если мы просто используем расширение для VS Code - "Prettier - Code formatter"? Этого достаточно самого по себе? с ручным форматированием или автоматическим при сохранении файла .... для чего тогда ещё устанавливать зависимость и делать форматирование с помощью npm команды "prettier --write ." .... Это разве то же самое? И ещё там есть интересное расширение для VS Code - "Prettier - ESLint" ? оно для чего? просто делает сразу 2 в 1 ? )
Вообще по хорошему запускаться должен prettier в CI пайплайне Если удобнее запускать prettier из командной строки - запускай. Я все время забываю об этом, поэтому настроил редактор на автосохранение Pre-commit хуки терпеть не могу, поэтому про них не рассказал
Решение с автосохранением интересное, но увы, не всегда применимое. Например, когда ты пришел на проект в котором в репозитории, на сервере не подключена автопроверка в CI'ке. Получится ситуация когда ты с этими автоформатированиями при сохранении будешь изменять любой файл, не только своим кодом, но и будет форматироваться чужой код (файл форматируется целиком, а не только новый код). В таких случаях остается 2 варианта: 1) настаивать на более строгой настройке в CI или 2) довольствоваться простой подсветкой проблемных мест с помощью es-lint.
Да, у меня бывали такие ситуации. В vim можно сохранить файл без запуска prettier отдельной командой. В VSCode не знаю можно ли так сделать Но вообще я всегда за решения на CI. Хотя вот с prettier это единственное место где я неплохо отношусь и к прекоммит хукам
@@paromovevg в vs code есть настройка для prettier чтобы он не форматировал файл, если в проекте нет файла prettier-> Require Config - ставим галочку. и тогда форматирования не будет, пока файла не будет в проекте )