Настройка автоматического форматирования кода и проверки его на ошибки #easyit #webpack #vitejs

Рассматриваем как настроить автоматическое форматирование исходных кодов с помощью Prettier, а так же проверку на ошибки с помощью EsLint. Настройки не зависят от способа сборки проекта.

Исходные файлы проекта здесь:

Еще примеры по работе с vitejs:

Полезные видео по настройке webpack:

Самый простой способ установить nodejs на Linux и Mac:

#easyit #javascript #js #vitejs #vanillajs #webpack

[АндрейСливка-дп]

Оч круто все объяснили спасибо, очень помогли, однозначно лайк))

[dasman]

спасибо, как всегда мега полезно. подскажите, а расширения prettier и eslint надо ставить в vscode? или пакеты и все

[microgames]

Спасибо за видео! Подскажите пожалуйста, зачем нужно устанавливать eslint. Как я понял он устанавливается автоматически в vite. По крайней мере щас попробовал установил vite, и он уже там был. Я так понимаю что нужно доустановить prettier и плагин который подружит eslint и prettier. На этом настройка завершена. Ну и husky.

[champ__champ]

А как сделать так, что бы ошибки в коде подсвечивались в режиме реального времени? Что за это отвечает?

[danyawyse]

Добрый день, как в Vite настроить конфиг так чтобы при "npm run build" например файлы JS оставались в папке JS. Сейчас все билдится в одну папку.

[danyawyse]

Не получается сделать комит

✖ eslint --fix:

Oops! Something went wrong! :(

ESLint: 8.38.0