未分類 PR

MacにGulp環境を構築する方法!web制作を快適に!!

記事内に商品プロモーションを含む場合があります

今回はMacにGulpが使えるように環境構築を行おうと思います。
Gulpを使えば、Sassのコンパイルや画像圧縮などを自動化することができます。
MacにGulp環境を構築してweb制作環境を整えましょう!

Gulp環境の構築

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
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)