1. Установка пакетов:
npm i
2. Запуск сборщика:
gulp watch
Проверяет разметку на правильность нейминга BEM:
npm run bem
Проверяет стилистику написания кода, его форматирование:
npm run test
ВАЖНО!
- Папка app нужна для разработки проекта, больше никуда ничего не добавляем, работаем только в ней!
- Папка docs содержит скомпилированную, готовую версию проекта, которая отображается в браузере,
она удаляется, и создается автоматически, каждый раз при запуске сборщика (gulp watch).
Что умеет сборка:
- Собирает html из частей (возможности шаблонизатора);
- Собирает, компилириует, минифицирует SASS;
- Собирает, минифицирует js, умеет работать с es6 модулями(webpack);
- Оптимизирует графику webp/jpg/png/svg;
- Конвертирует растровые форматы изображений в webp, и автоматически подключает их в html, в теге picture;
- Собирает векторный(символьный) svg-спрайт;
- Добавляет временную метку в именах файлов, в тегах: link, scripts (css/js), предотвращая кеширование файлов;
- Проверяет правильность BEM разметки, командой npm run bem;
- Подсказывает ошибки в форматировании, командой npm run test.
Внимание! Убедитесь, что у вас установлен NodeJS(рекомендованная версия)
https://nodejs.org/ru/download/
Скачать редактор как у меня можно тут:
https://code.visualstudio.com/
Подписывайся:
- telegram: @html_mentor
- instagram: @html.mentor