Установить NodeJS
git clone https://github.com/redwon/starter_kit MyProject
cd MyProject
npm install
npm install -g grunt-cli (если не установлен)
Дальше используем доступные команды| Команда | Выполнение |
|---|---|
grunt |
Запуск проекта для разработки, сервер и слежение за файлами. |
grunt build |
Сборка проекта, минификация и оптимизация картинок. |
grunt sprite |
Собрать css спрайт. |
.
├── /build/ # Результат сборки. (Никогда не редактируется).
├── /node_modules/ # Node modules. (Никогда не редактируется).
├── /src/ # Исходные файлы.
│ ├── /_css_lib/ # Стили из этой папки подключаются автоматически.
│ ├── /_include/ # HTML разметка которая вставляется в другие файлы.
│ ├── /_js_lib/ # Скрипты из этой папки подключаются автоматически.
│ ├── /fonts/ # Шрифты.
│ ├── /img/ # Исходные изображения.
│ │ └── /sprites/ # Изображения для спрайтов.
│ ├── /js/ # Скрипты проекта.
│ ├── /sass/ # Стили проекта.
│ │ └── /block/ # Стили для повторяющихся блоков.
│ │ └── /elements/ # Стили для элементов.
│ │ └── /pages/ # Стили для страниц.
│ │ └── _base.scss # Базовые стили. Box sizing.
│ │ └── _mixins.scss # Миксины.
│ │ └── _sprites.scss # Спрайты. (Никогда не редактируется).
│ │ └── _typography.scss # Типографика проекта.
│ │ └── _variables.scss # Переменные.
│ │ └── main.scss # Компилируемый файл.
└── .editorconfig # Настройка редактора. http://editorconfig.org
└── .gitignore
└── Gruntfile.js # Конфигурация для Grunt.
└── package.json # Пакеты для NPM.