Блог веб-разработчика v 1.0.0
Symfony2, AngularJS, React, Gulp, PhpStorm и много других страшных слов

Gulp. Часть 2. Как установить?

9 лет назад
13088 просмотров
Gulp node.js

В продолжение статьи о том, зачем нужен Gulp, погвоорим о том, как же его установить то.

Установка Node.js

Для начала нам понадобится установленный Node.js, т.к. гулп работает как раз на нем. Идем на официальный сайт Node.js и скачиваем установщик. Если у вас *nix система, поищите его в своем репозитории (хотя думаю такие пользвоатели и сами разберутся).

После того, как вы установили Node.js в консоли стала доступна команда npm. Это менеджер пакетов Node.js. Проще говоря, штуковина, которая позволят устанавливать отдельные пакеты для ноды. Что-то вроде Composer для PHP.

Установка Gulp

Перейдем в какую-нибудь папку в консоли, например в C:/gulp-test и выполним компанду:

npm install gulp

Результатом команды должно явиться следующее:

[email protected] node_modules\gulp
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
├── [email protected] ([email protected])
├── [email protected] ([email protected], [email protected], ansi-styles@2
.1.0, [email protected], [email protected])
├── [email protected] ([email protected], [email protected], end-of-stream@0.
1.5)
├── [email protected] ([email protected], [email protected], [email protected], resolve@1
.1.6, [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected]
.6, [email protected], [email protected], [email protected], [email protected])
└── [email protected] ([email protected], [email protected], [email protected], lodash.
[email protected], [email protected], [email protected], object-a
[email protected], [email protected], [email protected], [email protected], multipipe@0.
1.2, [email protected], [email protected])

Мы видим, что npm подтянул необходимые для гулпа зависимости и все сам, благополучно поставил.

Впринципе, уже сейчас вы можете из командной строки запустить:

c:\gulp-test>gulp
[22:54:52] No gulpfile found

Правда работать пока не будет. О том, как его правильно настроить и заставить хоть что-то делать мы разберем в следующей статье: Использование плагинов Gulp.

Update by 21.10.15

Можно установить Gulp глобально, добавив флаг -g при установке. Однако, на Windows он таким образом работать не будет, поэтому приходится в каждый проект устанавливать Gulp заного.

Если кто-то знает способ "лечения" этой проблемы, буду признателен за комментарий и с радостью добавлю в статью.

Что еще почитать
Создание CSS спрайтов с помощью Gulp
9 лет назад
14844 просмотра
Урок по созданию CSS спрайтов с помощью таск-менеджера Gulp. В отличие от других инструментов: средонезависимо, быстро, удобно, переносимо, настраиваемо.