Mac上HTML/CSSのコーディング環境を構築する

コンパイルとは、SassをCSSに変換することです。 Sassのコンパイルには、ソフトウェアを使ってGUIで実行する方法と、CUIで行う方法がありますが、一般的にはCUIを使います。

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

Homebrewを使ってインストールしましょう。

brew install node

でインストール可能です。

node -v

でバージョンが表示されればOKです。

次に、Gulpをインストールします。

npm install gulp -g

でGulpがインストールできます。

一般ユーザーで実行すると、

Please try running this command again as root/Administrator.

というエラーが出たので、ルートで実行します。

sudo npm install gulp -g

gulpの実行はgulpfile.jsがある場所で以下のコマンドを実行します。

gulp

Gulpは

などをやってくれます。

次に開発環境としてKoalaをインストールしてみましょう。
http://koala-app.com/

Koalaは登録したSCSSを自動でCSSにコンパイルしてくれるツールです。インストール方法は以下のサイトを参考にしてください。

“Koala.app”は、開発元が未確認のため開けません。というエラーメッセージが出た場合は、こちらを試してみてください。

システム環境設定をいじればインストールできるようになります