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 裡面,只要到環境變數里面設定即可,請參考下圖