Стартовый шаблон для адаптивной верстки средних и крупных проектов.
Автор сборки: Наталья Ростовская
Стартовый шаблон на основе Gulp (Sass + Pug) для адаптивной верстки средних и крупных проектов.
- Gulp 4.0.2- Препроцессоры Pug + Sass (синтаксис .sass)- Jquery 3.5.1- Bootstrap 4.5.2- OpenSans (шрифт по умолчанию)- Минифицированные плагины (vendor.min.js, vendor.min.css)- Оптимизация картинок на выходе и автоматическая генерация CSS спрайтов (.png картинок)- Прописаны наиболее часто используемые миксины
1. Выполнить команду через терминал: **git clone https://github.com/moireceptik/Starting-1.git**2. Установить Node Modules: **npm i**3. Запуск: **gulp**4. Сборка проекта в папку dist: **gulp dist**5. Очистить кеш: **gulp clear**
1. Установка GULP плагинов: **npm i gulp-pug --save-dev** (установит **gulp-pug**)2. Удаление GULP плагинов: **npm uninstall gulp-pug** (удалит **gulp-pug**)3. Установка пакета для проверки обновлений **npm i -g npm-check-updates** (устанавливается только 1 раз на ПК)4. Проверка обновлений: **ncu**5. Согласиться на обновления: **ncu -u**6. Посмотреть список и версии установленных плагинов в проекте: **bower list**7. Обновить все плагины в проекте: **bower update**8. Установить плагины в проект: **bower i jquery bootstrap**, **bower install bootstrap#v4.6.0** (установит **jquery** и **bootstrap**, установит **bootstrap** нужной версии)9. Удаление плагинов из проекта: **bower uninstall bootstrap** (удалит **bootstrap**)10. Узнать версию GULP: **gulp -v** или Node **node -v**11. Все .png картинки в папке app/assets/images/sprite генерируются в app/assets/images/sprite.png12. Выводить в .sass **+sprite($s-3)**, где **($s-3)** спрайт-иконка 3.png