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

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

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

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

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


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


Установка:

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

1. поставить node.js https://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


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.