gulpを利用したローカルサーバー立ち上げとsass＋ejsのコンパイル環境構築前編【gulp】

node.jsをインストールする

まずgulpを実行するにはnode.jsが必要なのですが、単純にインストールするだけではデメリットがあります。
過去のバージョンのnode.jsで動いていたタスクを実行する際にはタスクを実行していたバージョンにnode.jsを合わせなければいけません。

バージョンを合わせるためにインストールとアンインストールを繰り返すのは時間も労力ももったいないです。
なので、node.jsのバージョンを管理できるツールをインストールします。
node.jsをすでにインストールしているとバージョン管理が適切に動作しない可能性が高いので、事前に全てアンインストールしておきましょう。

Windowsは特に問題なかったのですが、Macは少々時間がかかったので、参考にしたリンクを貼っておきます。
【Mac版】node.jsのアンインストールと再インストール手順メモ

Windows10の場合

現在はあまり推奨されている方法ではないかもしれませんが、Windows10の場合はnodistをインストールしてバージョン切り替えをできるようにします。
推奨されている方法じゃないなら別の方法で・・・と考える方はDockerなどでLinuxOS上に別のツールをインストールする方法もあります。

nodistの場合は特に設定することもなく、インストーラーからnodistをインストールするだけです。
インストールが正常に終わっていれば、コマンドプロンプト上で「nodist -v」と入力するとバージョンが表示されます。

Macの場合

Macで作業環境が必要というわけでは無かったのですが、せっかくなので同じような実行環境ができるように調べてみました。
anyenv経由でnodenvをインストールする方法が効率的らしいです。
anyenv + macOS環境構築

リンクの記事を参考にanyenvをインストールし、anyenvからnodenvをインストールしました。
私はHomebrewをインストールしていなかったことと、さらにツールを覚えるのは少し面倒だと感じたため、Gitからクローンしてインストールする方法にしました。

ちなみに利用しているMacのOSは最近になってHigh SierraからCatalina（Big Surはまだ見送り中です）へアップデートしたため、ターミナルはbashが初期設定となっていましたがインストールなどはうまくいっていたようで、特に問題はなかったように思いました。
といっても今後はzshに切り替えないといけないので、デフォルトをzshに切り替えてから、bashの設定ファイル等をコピーした後に再度バージョン等確認したところ問題なさそうでした。

今のところnodenv以外は使う予定がないのでプラグイン関連のインストールはしていませんが、頻繁に扱う予定がある方や、そのほかの○○envを扱う予定がある方はインストールしておいた方がアップデートの手間は省けるかもしれません。

npxをグローバルインストール

npxはnpm5.2以降であればインストール時にバンドルされているようで、基本的にはインストールする必要はないはずですが、Windows環境でnodistではバンドルされていないのか、npxコマンドが使えないようでした。
コマンドを利用するには以下のコードをコマンドプロンプトに入力して、インストールをしておきます。
これでgulpを利用する事前準備は完了です。

npm install -g npx

ちなみにMac環境の場合はnpxもバージョン確認はできるのですが、どうやらnpmのバージョンを参照しているようで、npmのサイトに掲載されているバージョンにはないバージョンの「6.14.11」を示していました・・・。（バンドルされているという意味ではあっているのかもしれませんが）
アンインストールしてもデータがうまく消えずに残ってしまうようだったので、forceオプションで強制的に上書きインストールしました。