#bvsTemplate v.1.2.1 Шаблон для быстрой front-end разработки, на основе gulp.js Данный инструмент предназначен для оптимизации рабочего времени front-end разработчика и быстрой сборке оптимизированного проекта. ###Инструментарий:
- gulp - потоковая система сборки;
- gulp-stylus - препроцессор css(nib);
- gulp-connect - сервер с livereload;
- gulp-imagemin - оптимизатор изображений;
- gulp-concat - объединение фаилов;
- gulp-uglify - минификация js;
- gulp-minify-css - минификация css;
- gulp.spritesmith - генератор спрайтов
###Установка необходимых инструментов:
- Скачать и установить последнюю версию nodeJS
- Установка gulp
npm install --global gulp
- Ознакомьтесь со статьей по установке git, под Вашу операционную систему
###Установка и запуск Для начала работы с новым проектом, необходимо выполнить три простых шага:
git clone git@github.com:Gashington/bvs-Template.git path/to/your/project
- Необходимо перейти в папку со своим проектом в консоли:
cd /path/to/your/project
- Установка всех зависимостей:
npm install
- запуск проекта:
gulp
Рабочей папкой является dev
.
После запуска проект доступен по адресу http://localhost:3000
.
Финальная сборка проекта осуществляется командой: gulp build
Готовый проект со всеми исходными фаилами хранится в директории app
.
Для работы LiveReload, добавьте эту строку перед закрывающим тегом
body
<script src="//localhost:35729/livereload.js"></script>