MacでこれからSassを始める!導入編

Sassってなに?

Sass(Syntactically Awesome StyleSheets) は、Cssのすごい版です。

変数が使えたり、セレクタの入れ子ができたり、コーディング速度が3倍になります。

記述方法は、ほぼCSSと同様で、コンパイル後CSSのコードが作成されます。

Sassをインストール

1.“アプリケーション”フォルダ → ”ユーティリティ”フォルダ → ターミナルを起動

2.「sudo gem install sass」と入力してreturn

3.しばらくまつ

4.インストール完了

GUIソフト”Koala”をインストール

Koala   a gui application for LESS  Sass  Compass and CoffeeScript compilation.

Sassのコンパイルは、コマンドを実行するためメンドくさいです。

koalaを使えば自動でコンパイルをすることができるので導入します。

ダウンロード先

ダウンロード→解凍後、koalaファイルをアプリケーションフォルダに移動します。

Sassを使う

「+」ボタンでフォルダを選択するか、作業フォルダをドラッグすればプロジェクトが登録されます。

基本これだけでSass,Less,Coffeeのコンパイルをしてくれます。

 

関連記事

TOP
TOP