おさらい
この記事はmacbook airでフロントエンド環境構築を行った経緯を記しています。
「全て与えられてきた新人が自力でフロントエンド環境構築[1]」から読んでいただけると幸いです。
今回も私なりに噛み砕いて、頑張って書いていこうと思います。
この記事のゴール
EJS,scssを使ってコーディングしたい
→ EJSからhtmlに、scssからcssに変換(コンパイル)しなければならない。
→ コンパイルする方法の一つに、Gulpのプラグインを使う方法がある。
→ まず、Gulpの実行環境を整えよう!
ゴールに向けて必要なこと
[1] OSのアップデート
[2] xcodeのインストール(homebrewのインストールの為)
[3] homebrewのインストール(nodebrewのインストールの為)
[4] nodebrewのインストール(node.jsのインストールの為)
[5] node.jsのインストール(Gulpのインストールの為)
[6] Gulpのインストール
[7] Gulpのプラグインを使うための設定
[8] ゴール!
Gulpの実行環境を作るために、前記事で[2]までの手順を終えています。
今回の記事では、[3]以降の手順について記述します。
###[3] homebrewのインストール
homebrewとは
homebrewとは、MacのOS上で働くパッケージ管理ツールです。
パッケージ管理ツールとは、パッケージの導入(インストール)と削除(アンインストール)、ソフトウェアやライブラリとの依存関係を管理するものだそう。
パッケージとは
ソフトウェアに関する複数のファイルををまとめたもの
ライブラリとは
凡庸性の高いプログラムの集まり。
ライブラリのみでは動かず、他のプログラムに呼び出されて使われることが多い。
インストール作業
前記事でXcodeのCommand Line Toolsが入手出来たので、homebrewをインストールする準備が出来ました。
ターミナルで、下記コマンドを入力しましょう。
(2018年12月現在のhomebrewのサイトhttps://brew.sh/index_ja.htmlのスクリプトを使用しています)
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
homebrewインストールのための上記コマンドを入力すると、さらに入力を求められます。
Press RETURN to continue or any other key to abort
==>
→ Enterで進みます。
Password:
→ OSのパスワードを入力、Enterで進みます。
==> Installation successful!
と出たら、インストール完了!
インストールしたhomebrewをチェック
次に、インストールしたhomebrewに問題がないか確認します。
$ brew doctor
と入力し、
Your system is ready to brew.
と出れば問題ありません。
これで、nodebrewをインストールする準備ができました!
###[4] nodebrewのインストール
nodebrewとは
nodebrewとは、node.jsのバージョン管理ツールです。
Node.jsのバージョンをプロジェクトによって変えたり、最新のバージョンにアップデートする作業を簡単にしてくれます。
・
・
・