Britlex

---

• репозиторий проекта: https://github.com/AlienAmigo/Britlex.git
• посмотреть онлайн: https://alienamigo.github.io/Britlex
• макет: https://www.figma.com/file/ecdXM6yzHXdoPo7WcLYJUk/Britlex-Landing?node-id=0%3A1

---

Обязательно добавьте поддержку editorconfig в ваш редактор кода.

npm i             # установить зависимости
npm start         # запустить сервер разработки (остановить: Ctrl+C)
npm build         # запустить сборку проекта
npm run bemlint   # проверить html-файлы папки build на соответствие BEM
npm run puglint   # проверить pug-файлы
npm run stylelint # проверить scss-файлы

Перед коммитом происходит автопроверка файлов. Если проверка выявила ошибки, они будут показаны в терминале.

---

О сборке:

в составе:

• Sass (SCSS)
• PostCSS
  • Autoprefixer
  • PostCSS Flexbugs Fixes https://github.com/luisrudge/postcss-flexbugs-fixes
  • PostCSS animation https://github.com/zhouwenbin/postcss-animation
• Pug (Jade)
• stylelint
• eslint
• puglint
• Babel
• GitPages
• gulp.spritesmith

файл config.js

Файл 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 не создается

gh-pages

Модуль gh-pages для публикации результатов верстки уже установлен

npx gulp deploy  # инициализация
npm start deploy # отправка последнего коммита

---

Справочная информация

• Как работать с CSS-препроцессорами и БЭМ
• Шпаргалка по bash
• Шпаргалка по консольным командам Git
• Шпаргалка ниндзя Sublime Text 3
• Sublime Text 3 для работы с фронтэндом
• Шпаргалка по подключению gh-pages к проекту