說明：
1.文章根據慕課網的《Sass和Compass必備技能之Sass篇》整理而成，有興趣的同學可以點擊傳送門去慕課網觀看視頻，如果覺得看視頻太耗時間，那么請接著往下看吧.
2.有關sass和compass的區(qū)別，請自行百度獲取各自官網查看
文章內容：
一、sass運行環(huán)境搭建
二歌殃、sass安裝及使用
三、compass安裝及使用
一蝙云、sass運行環(huán)境搭建
- 檢測本地是否安裝ruby
ruby -v - 官網下載相應的ruby安裝包
- 安裝過程中氓皱，除了記得勾選“add Ruby executables to your PATH”之外，其它都是一鍵點到底勃刨。
安裝注意事項.png - 安裝完成之后可再次使用
ruby -v檢測是否安裝成功
ruby安裝包中集成了gem包管理工具波材，類似于nodejs下的npm，因此我們不需再下載gem,直接打開命令行來使用gem
gem改源：放在rubygem.org上的資源文件位于國外站點身隐，由于某些原因廷区，在國內訪問可能會出現(xiàn)連接失敗等問題，所以我們先把gem的連接源改到國內的一些鏡像資源上
- 取消默認的綁定源
gem sources --remove https://rubygems.org/ - 綁定國內網站
gem sources -a http://gems.ruby-china.org/ -
gem sources -l查看current resources,以驗證換源是否成功
二贾铝、sass安裝及使用
so,接下來就到sass部分了隙轻，有木有很激動呢?(? ? ??)
好，先來安裝sass吧垢揩。
gem install sass-
sass -v查看安裝的sass版本
ok,到這里sass就安裝完成了完畢玖绿，最后在放一些gem下常用的命令
- 如果果斷時間需要更新ruby程序的話，可以使用
gem update - 安裝特定版本的sass
gem install sass --version=版本號（例如3.3.0） - 列出本地安裝的所有ruby程序包
gem list - 刪除特定版本的sass
gem uninstall sass --version=版本號 - 刪除本地安裝的sass
gem uninstall sass
三叁巨、compass的安裝及使用
- 安裝
gem compass //通過gem安裝compass
compass -v //檢測compass的版本斑匪，以驗證是否安裝成功 - compass使用
mkdir compasstest //創(chuàng)建一個compasstest目錄
cd compasstest //進入到compasstest目錄
compass create learn-compass //創(chuàng)建一個compass項目，learn為項目名稱
運行該命令后锋勺，在命令行工具會輸出一段說明文字蚀瘸，建議大家詳細看一下，里邊詳細介紹了sass編譯庶橱、引入贮勃、學習等信息。
進入到compasstest文件夾下查看compass生成的目錄結構：
大家可以仔細看一下下面三張圖中的目錄結構苏章，搞清出compass生成的目錄結構很重要衙猪。
ok,接下來在項目文件中監(jiān)視sass的change
cd learn-compass //進入到項目文件中
compass watch //監(jiān)視compass的change -->Compass is watching for changes.Press Ctrl-c to Stop //監(jiān)視已啟動，可以使用ctrl-c來停止監(jiān)視
當我們啟動監(jiān)視之后布近，如果你修改了sass文件夾下的任何一個文件，系統(tǒng)會自動將變化后的文件編譯成stylesheets文件加下對應的css文件
到這里sass及compass的準備工作就已經完成嘍丝格。撑瞧。。
