構築した環境

仕上がり

私の環境

ドライブを分けたことに深い理由はありません。 glup を C:\Users\ユーザ名\AppData\Roaming\npm にインストールしてしまいましたが、pug ファイル等は \AppData\ 内に置きたくなかったので、分けました。 gulpfile.js で、D:任意のフォルダ 内のフォルダまでのパスを指定しました。

参考にしたサイト
開発しやすい環境の作り方~Web系~
npm install gulp-sass でエラー

手順

Nodeとnpm の確認

このコマンドを叩いて、Nodeとnpm のバージョンが表示されれば、インストール済みとのこと。 それらが何なのか、私は分かっていないけれど。 うちのPCはインストール済みでした。(私の記憶によれば昨年の夏ころにインストールした気がする…。)

gulp のインストール

C:\Users\ユーザ名\AppData\Roaming\npm>

gulp をインストールして、同じディレクトリにモジュールもインストールしました。

gulpfile.js の作成と編集

C:\Users\ユーザ名\AppData\Roaming\npm> に gulpfile.js を作成しました。 まずは全文をここ から拝借して、gulpfile.js を作成しました。

次の通りパスを変更しました。

cmd から実行