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

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

7 лет назад
11568 просмотров
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

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

gulp@3.9.0 node_modules\gulp
├── pretty-hrtime@1.0.1
├── interpret@0.6.6
├── deprecated@0.0.1
├── archy@1.0.0
├── minimist@1.2.0
├── semver@4.3.6
├── tildify@1.1.2 (os-homedir@1.0.1)
├── v8flags@2.0.10 (user-home@1.1.1)
├── chalk@1.1.1 (supports-color@2.0.0, escape-string-regexp@1.0.3, ansi-styles@2
.1.0, strip-ansi@3.0.0, has-ansi@2.0.0)
├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.
1.5)
├── liftoff@2.2.0 (extend@2.0.1, rechoir@0.6.2, flagged-respawn@0.3.1, resolve@1
.1.6, findup-sync@0.3.0)
├── vinyl-fs@0.3.14 (graceful-fs@3.0.8, mkdirp@0.5.1, strip-bom@1.0.0, vinyl@0.4
.6, defaults@1.0.3, through2@0.6.5, glob-stream@3.1.18, glob-watcher@0.0.6)
└── gulp-util@3.0.6 (array-differ@1.0.0, array-uniq@1.0.2, beeper@1.1.0, lodash.
_reinterpolate@3.0.0, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0, object-a
ssign@3.0.0, replace-ext@0.0.1, vinyl@0.5.3, lodash.template@3.6.2, multipipe@0.
1.2, through2@2.0.0, dateformat@1.0.11)

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

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

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

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

Update by 21.10.15

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

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

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