SassとCompassをWindowsにインストール

CSSのベンダープリフィックス書くのがだるいとかセレクターの親子関係が分かりにくいとかといった悩みを解決してくれるらしいSass(さす)を使ってみようかと思いたちました。
WindowsでSassを入れる順番は、

Rubyのインストール
Ruby上でgem installを実行してSassをインストール

で終わりらしいです。

Rubyのインストール

てなわけで、最初はRubyをダウンロードしてきます。
http://rubyinstaller.org/
私は1.9.3をインストールしました。Rubyの資産がなければ1.9系で問題ないようです。ファイルはこれを使いました。
http://cdn.rubyinstaller.org/archives/1.9.3-p327/rubyinstaller-1.9.3-p327.exe
Rubyのインストーラでは以下のチェック以外はデフォルトで大丈夫です。

「Add Ruby executables to your Path」にチェックを入れると、ruby.exeやgem.exeのパスが環境変数に追加されます。手動で設定しなくて済むのは楽ちんで良いですね。

Sassのインストール

次はいよいよsassのインストールです。
コマンドプロンプトを立ち上げて

gem install sass

と打つとSassのインストールが始まります。ログがこんな感じに出たら成功です。

C:\>gem install sass
Fetching: sass-3.2.3.gem (100%)
Successfully installed sass-3.2.3
1 gem installed
Installing ri documentation for sass-3.2.3...
Installing RDoc documentation for sass-3.2.3...

拍子抜けする位簡単にインストールできてますね。

Compassのインストール

ついでにCompassもインストールしちゃいましょう。Compassは、Sassで良く使うパターンをひとまとめにしてくれたライブラリみたいなものらしいです。SassとCpmpassはセットで語られることが多いようなので、たぶん入れておいて損はないんだと思います。
Compassはコマンドプロンプト上で

gem install compass

と打てば完了です。いまどきのパッケージ管理は簡単で素敵ですね。