1. nodebrewをインストール
  2. Node.jsをインストール
  3. gulpをインストール ← ここ

3. gulpをインストール

gulpは、npmを使ってインストールする

npm

npmは、Node.jsインストール時に、同時にインストールされている

npmのバージョン確認

1
2
3
4
5
6
7
8
9

$ npm version
{ npm: '2.11.3',
  http_parser: '2.3',
  modules: '14',
  node: '0.12.7',
  openssl: '1.0.1p',
  uv: '1.6.1',
  v8: '3.28.71.19',
  zlib: '1.2.8' }

npmを最新に更新する

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

$ npm upgrade -g npm
$ npm version
{ npm: '2.14.0',
  http_parser: '2.3',
  modules: '14',
  node: '0.12.7',
  openssl: '1.0.1p',
  uv: '1.6.1',
  v8: '3.28.71.19',
  zlib: '1.2.8' }
$

gulp

npmでgulpをインストール

1
2
3
4
5
6

$ npm install --global gulp
$ npm install --save-dev gulp
$ gulp -v
[15:10:53] CLI version 3.9.0
[15:10:53] Local version 3.9.0
$

gulpを動かしてみる

お決まりのhello worldですね。適当なフォルダにgulpfile.jsを作成する。

1
2
3
4
5

var gulp = require('gulp');

gulp.task('default', function() {
  console.log('Hello World!');
});

同じフォルダでgulpを実行する

1
2
3
4
5

$ gulp
[15:27:54] Using gulpfile ~/path_to_project/gulpfile.js
[15:27:54] Starting 'default'...
Hello World!
[15:27:54] Finished 'default' after 98 μs

動きましたね。