在 Windows 底下安裝 Compass CSS Authoring Framework

Compass Home   Compass Documentation
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 底下大致完成了 compass_windows 大家一定會覺得每次都要切換到 C:\Ruby192 才可以執行 compass,大家可以把 C:\Ruby192 加入到個人 PATH 裡面,只要到環境變數里面設定即可,請參考下圖 compass_windows2