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 裡面,只要到環境變數里面設定即可,請參考下圖
Related
Pingback: 在 CentOS 上面安裝 Ruby 環境 | 小惡魔 - 電腦技術 - 工作筆記 - AppleBOY()