大尾碎碎唸

Scss是一套可程式化撰寫CSS的工具。

對於擅長Server端程式開發的工程師而言，前端的CSS樣式語言，似乎不適那麼的習慣，常用的變數、判斷邏輯...等等，皆無法使用。



Scss正式解決此困境的好工具！Scss相關資訊請參閱 http://sass-lang.com/

Compass是此工具的Framework之一，相關介紹請參閱Compass官網 http://compass-style.org/

安裝流程

1.下載Ruby Installer並安裝 -> http://rubyinstaller.org

2.開始  -> 執行 -> cmd

3.輸入 gem install compass

以上會進行compass安裝，並安裝相關套件，省去一個一個安裝的困擾。

 使用方式

1.新增專案 -> compass create 專案路徑

自動產生檔案



2.專案監聽 -> compass watch 專案路徑

出現以下訊息，表示開始監聽

>>> Compass is polling for changes. Press Ctrl-C to Stop.

現在，只要你編輯sass內的檔案，就會自動幫你編譯為css檔案

※相關的路徑設定，可修改config.rb檔案

更多的scss、compass說明，請參閱各自官網