在 Windows 底下安裝 Compass CSS Authoring Framework

Compass 是一套 base on Sass Language 的一套 CSS Framework，它提供了豐富的 CSS3 原件，讓您可以加速開發 CSS，也繼承 Sass Language 的開發方式，支援 variables, mixins, selector inheritance…等，今天就來介紹如何在 Windows 底下快速安裝開發環境。如果想更瞭解 Sass 可以參考之前的文章: 加速開發 CSS 工具: Sass。

安裝步驟 (Install Compass)

在安裝 Compass 之前，您必須要先安裝 Ruby 開發環境，在 Ubuntu 或 Debian 底下可以透過 apt 的方式安裝:

$ sudo apt-get install ruby1.9.1-full

如果你想裝 ruby 1.8 可以透過底下:

$ sudo apt-get install ruby-full

在 Windows 底下安裝 Ruby

其實在 Ruby 下載官網有製作好懶人包了，我們只要下載 RubyInstaller 網站別人包好的執行檔即可。首先到 RubyInstaller Download Page 選擇 Ruby 1.9.2-p290，下載之後直接執行，然後很簡單直接下一步按到最後，整個 Ruby 環境就建立好了。

透過 Ruby gem 安裝 Compass

安裝好上述執行檔，你會發現在 C 槽多了 C:\Ruby192，接著我們按開始->執行->打入 cmd->Enter，會跳出一個命令列視窗，接著我們利用底下步驟來安裝 compass:

# 切換到 ruby 執行目錄
cd c:\\ruby192\bin
# 先更新 gem (類似 apt-get update)
gem update --system
# 安裝 compass 套件
gem install compass

這樣直接在原來目錄下底下指令: compass -h 就可以看到底下畫面，這樣 Windows 底下大致完成了 大家一定會覺得每次都要切換到 C:\Ruby192 才可以執行 compass，大家可以把 C:\Ruby192 加入到個人 PATH 裡面，只要到環境變數里面設定即可，請參考下圖