今回はMacにGulpが使えるように環境構築を行おうと思います。
Gulpを使えば、Sassのコンパイルや画像圧縮などを自動化することができます。
MacにGulp環境を構築してweb制作環境を整えましょう!
Gulp環境の構築
インストールするもの
・node.js
・gulp
・npm
node.jsをインストール
まずは、node.jsがないと動作しないのでインストールします。
まだインストールしていないよという方は、「node.jsのダウンロード」からダウンロードできます。
ダウンロードはあまり詳しくない方は、「LTS推奨版」をダウンロードしてください。
npm -v
を実行。
「8.4.0」のように数字が出ればインストールできています。
gulpのインストール
まずはgulpがインストールされているか確認します。
gulp -v
「CLI version: 2.3.0」のように表示されればインストールできていますが出ない場合は、インストールを進めていきます。
下記コマンドでgulpをインストールします。
sudo npm install -g gulp-cli
念の為、管理者権限で実行するので、Enterを押した後にPCのパスワードを入力してEnterを押してください。
これで、問題なくインストールができればGulp完了構築は完了です。
良いGulpライフを!
ABOUT ME