Как настроить eslint, prettier и pre-commit hook

Подписаться 3,2 тыс.

Просмотров 24 тыс.

50% 1

Улучшаем культуру разработки, запрещая двигать плохой код в коммите с помощью eslint + prettier на pre-commit hook.
В данном видео есть неточности по поводу автофикса еслинта, но все работает как мы ожидаем. Если вам хочется посмотреть сетап Вес Боса или Маноризма, посмотрите эти видео:
- • Add ESLint & Prettier ... (Маноризм)
- • How to Setup VS Code +... (Вес Бос)
-
Текстовая версия - maxpfrontend.r...
Чтобы быть в курсе:
- bit.ly/vkytwebi... (VK паблик)
- bit.ly/maxpfron... (сайт)
- bit.ly/telegram... (Телеграм канал)
- bit.ly/twittery... (Twitter)
Поддержать проект: yasobe.ru/na/a...

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 22

@sergeykushnerov8947 4 года назад

б..л...я...как все просто, просто гениально, я 4-й минуте, понимаю, что до установки плагина ESlint мне нужно выучить невьебенную кучу инфы. Спасибо ESlint. Как же просто начинающим разработчикам )))

@savannah633 3 года назад

какую кучу инфы тут учить?

@alexperemey6046 2 года назад

Для начинающих разработчиков ESLint и не нужен.

@sergiidykyy6240 4 года назад

Спасибо!) Помог настроить prettier!

@Levelord92 6 лет назад

Здорово, спасибо, настрою себе линтёр в вебпак (без фреймворков пока) Кстати, на 4:50 вроде как можно использовать npx eslint вроде как

@СергейДрузь-ь3ж 4 года назад

🔔 Слышал что `prettier` более не актуален. «VS Code» имеет очень хороший встроенный `formatter` для большинства языков. Так ли это?

@maxfrontend8750 4 года назад

Спасибо за вопрос! Думаю что имеет, но на работе мы все равно продолжаем использовать prettier, так как не все пользуются VS Code, а хотелось бы видеть в github одинаковый стиль. Для этого у нас и настроен pre-commit hook с prettier, в таком случае, даже если вы писали код в блокноте, перед тем как он попадет на ревью, он будет отформатирован по стандарту принятому в компании.

@dmitrijponkin 5 лет назад

Спасибо!

@АлександрГрачев-в4м 2 года назад

А подскажите как забиндить кнопки чтобы 'git commit' было через 'gc' тоже?(винда)

@dimitrishat8659 4 года назад

я у себя отключил для HTML файлов Prettier, так как он сворачивает элементы в одну строку.

@sergey_ganus 4 года назад

Добрый вечер. А расширение Prettier для VS Code обязательно устанавливать? Или ESLint с помощью конфигов сам его запускает?

@maxfrontend8750 4 года назад

я думаю нужно специально.

@bogdanshelomanov5668 5 лет назад

точку с запятой не убирает всеравно

@evgeniy3370 4 года назад

где взять это user settings?его создавать надо в проекте ?

@СергейДрузь-ь3ж 4 года назад

Нет это есть в самом редакторе.

@ARBCHK 3 года назад

а на 2021 год, что-то поменялось?)

@maxfrontend8750 3 года назад

не исключено, вышли новые версии husky и прочих библиотек. VS code стал "еще умнее".

@andreidetenkov 6 лет назад

Привет. По typescript in react будут видосы?

@maxfrontend8750 5 лет назад

Привет, по TS не планирую, так как не знаком с ним.

@СергейДрузь-ь3ж 4 года назад

Ссылку на рипозиторий в студию.

@maxfrontend8750 4 года назад

Ловите! В описании к видео есть текстовая версия, в ней есть ссылка на исходный код (github.com/maxfarseer/redux-course-ru-v2/tree/chp2-setup-eslint-and-prettier )