gulp導入しました。
とりあえず、インストール用のメモ。
導入自体はNodeとnpm入れてれば簡単にできます。
グローバルインストールやらローカルインストールやらなんのこっちゃって感じだったのですが、
（グローバルにインストールしたら、ローカルはいらないのかと思ったら、そうでもないようで...）
管理も面倒だし、ひとまずはローカルだけでいいやという結論です。
事前準備
- Node.js
- npm (Node.jsのパッケージ管理)
フォルダ構成の準備
ローカルインストールだと、フォルダごと、プロジェクトごとにgulpをいれなきゃいけないのが面倒だとおもうので、gulpはひとつで、gulpfile.js（gulpの設定ファイル）のみ、プロジェクトごとの管理にします。
準備段階の構成例
/親フォルダ/
└ /プロジェクト１/
└ index.html
└ /プロジェクト２/
└ index.html
これを準備してください。
最終的な構成目標
/親フォルダ/
└ /プロジェクト１/
└ index.html
└ gulpfile.js （gulpの設定ファイル）
└ node_modules （node_modulesのエイリアス）
└ /プロジェクト２/
└ index.html
└ gulpfile.js （gulpの設定ファイル）
└ node_modules （node_modulesのエイリアス）
└ /node_modules/ （モジュール管理フォルダ）
└ package.json （Node.jsのpackage管理ファイル）
package.json作成
まずはcdで親フォルダまで移動して、下記のコマンドを入れます。
$ npm init
色々聞かれますが、全てenter(return)で大丈夫です。
これでpackage.jsonが作成されます。
gulpのインストール
ローカルインストール（--save-dev、 --save）
$ npm install gulp --save-dev
--saveでインストールすると、webサイトに使用するデータと見なされるので、
--save-devで、開発用のデータですよ、と分類してあげてるみたいです。
ちなみにグローバルインストール
$ npm install -g gulp
これで/node_modules/が生成されます。
この中にモジュールがインストールされます。
/node_modules/のエイリアス作成
いわゆるショートカットです。右クリックから作成して、それぞれのプロジェクト内に配置します。
このとき、名前は全て「node_modules」にしてください。
エイリアスを作成すると、きちんと参照先のnode_modulesを読んでくれるので、
gulpの管理がひとつで済みます。
現在のフォルダ構成
/親フォルダ/
└ /プロジェクト１/
└ index.html
└ node_modules （node_modulesのエイリアス）
└ /プロジェクト２/
└ index.html
└ node_modules （node_modulesのエイリアス）
└ /node_modules/ （モジュール管理フォルダ）
└ package.json （Node.jsのpackage管理ファイル）
gulpfile.jsの作成
それぞれのプロジェクトに合わせて、設定ファイルを作ります。
/親フォルダ/
└ /プロジェクト１/
└ index.html
└ gulpfile.js （gulpの設定ファイル） ←これです
└ node_modules （node_modulesのエイリアス）
└ /プロジェクト２/
└ index.html
└ gulpfile.js （gulpの設定ファイル）
└ node_modules （node_modulesのエイリアス）
└ /node_modules/ （モジュール管理フォルダ）
└ package.json （Node.jsのpackage管理ファイル）
gulpfile.jsについては、それについてだけの記事がいいので、ちょっと分けます。