Установка Gulp для самых маленьких

Установка Gulp для самых маленьких

В данной статье, мы расскажем о том, как установить Gulp!

Gulp — инструмент ускоряющий front-end разработку. Он разработан для автоматизации рутинных задач и является одним из современных инструментов, который обязательно должен находится в вашем арсенале.

Основные задачи, которые вам поможет решить Gulp:
Минимизация и конкатенация javascript и CSS файлов;
— Минимизация HTML;
— Использование CSS препроцессоров Sass, Less, Stylus и других;
— Оптимизация изображений;
— Автоматическая простановка вендорных префиксов;
— Использование шаблонизаторов (Jade);
— Удаление неиспользуемого CSS (UnCSS);
— Валидация кода и тестирование;

Ссылки на ресурсы:
Официальный сайт Gulp: gulpjs.com
Gulp на Github
Каталог плагинов для Gulp //gulpjs.com/plugins/
Документация Gulp (на английском) ссылка

Установка:

ОДИН РАЗ НА ОДНОЙ МАШИНЕ!

1. поставить node.js //nodejs.org/en/

2. npm ls -g —depth=0
—> empty

(
ДЛЯ МАКА И ЛИНУКСА, ВСЕГДА ПРИ -g пишет sudo
sudo ls -g —depth=0
)

3. npm i gulp-cli -g

4. npm ls -g —depth=0
—> gulp-cli@version

ОДИН РАЗ ДЛЯ ПЕРВОГО ПРОЕКТА

1. cd /d D:/your-folder

2. npm i gulp —save-dev

3. ставим остальные модули и пишем gulpfile

Когда всё есть

1. скопировать gulpfile.js и package.json

2. npm up

3. gulp watch