Обязательно добавьте поддержку editorconfig в ваш редактор кода.
npm i # установить зависимости
npm start # запустить сервер разработки (остановить: Ctrl+C)
npm build # запустить сборку проекта
npm run bemlint # проверить html-файлы папки build на соответствие BEM
npm run puglint # проверить pug-файлы
npm run stylelint # проверить scss-файлы
Перед коммитом происходит автопроверка файлов. Если проверка выявила ошибки, они будут показаны в терминале.
Файл config.js
содержит глобальные настройки проекта в объекте config
:
dir — переменные директорий проекта
addAssets — дополнительные файлы проекта
options — флаги, если нужно отключить какую-то часть сборки (например, в случае полной ненадобности js или сторонних модулей (Vendors)):
- copyAssets — отключает копирование дополнительных файлов проекта
- processJs — отключает создание
/js/script.min.js
и отслеживание изменений в js-файлах- copyJsVendors — отключает обработку дополнительных js-модулей и создание
/js/vendors.min.js
приprocessJs
= false
иprocessJs
= false
папка/js
не создается
Все шрифты лежат в папке /fonts
.
Конвертер шрифтов: https://www.fontsquirrel.com/tools/webfont-generator или google-webfonts-helper: https://google-webfonts-helper.herokuapp.com/fonts
- 100 — Thin (Hairline)
- 200 — Extra Light (Ultra Light)
- 300 — Light
- 400 — Regular (Normal)
- 500 — Medium
- 600 — Semi Bold (Demi Bold)
- 700 — Bold
- 800 — Extra Bold (Ultra Bold)
- 900 — Black (Heavy)
Модуль gh-pages
для публикации результатов верстки уже установлен
npx gulp deploy # инициализация
npm start deploy # отправка последнего коммита