一、sass簡介
1.SASS是CSS3的一個擴展，增加了規則嵌套、變量、混合、選擇器繼承等等。通過使用命令行的工具或WEB框架插件把它轉換成標准的、格式良好的CSS代碼。
2.SCSS即是SASS的新語法，是Sassy CSS的簡寫，是CSS3語法的超集，也就是說所有有效的CSS3樣式也同樣適合於SASS。
二、sass的安裝與配置
1.安裝Ruby
因為sass依賴rubby環境，所以裝sass之前必須確保裝了rubby。
ruby官方網站下載地址: http://rubyinstaller.org/downloads
ruby為傻瓜式安裝，這里就不做詳細講解。在安裝的時候注意，請勾選Add Ruby executables to your PATH這個選項，添加環境變量，不然以后使用編譯
軟件的時候會提示 找不到ruby環境。
2.通過ruby命令安裝sass
打開ruby命令行，在命令行中輸入gem install sass
*注意：一般情況下通過這種方法是安裝不成功的，因為牆比較厲害，所以推薦使用淘寶鏡像安裝
3.淘寶鏡像安裝sass
首先移除默認的源：$ gem sources --remove https://rubygems.org/
添加淘寶的源：$ gem sources -a https://ruby.taobao.org/
【如果你系統不支持https， 請將淘寶源更換成： gem sources -a http://gems.ruby-china.org 】
查看當下使用的源是哪個：$ gem sources -l
查看sass的版本：sass -v
如果sass版本過低，可以通gem updata sass更新sass
幫助命令：sass -h
4.通過git方法安裝sass
git clone git://github.com/nex3/sass.git
cd sass
rake install
三、SASS的編譯
sass編譯的方式有很多種，這里介紹三種常用的：
1.通過命令行的方式進行編譯
2.通過webstorm開發工具進行編譯
3.通過gulp集成編譯/kaola
1.通過命令行的方式進行編譯
①sass scss目錄地址：輸出目錄地址
如：sass scss/main.scss:style/main.css
②SASS命令行工具可以對目錄進行自動監視， 這樣我們的目錄下的文件發生了變化， SASS幫助我們自動編譯。
通過 --watch命令讓sass工具自動監視目錄， 並自動進行編譯。
語法： sass --watch 監視的目錄地址： 自動編譯的目錄地址
③通過 --style nested(嵌套-默認)|compact(緊促型)|compressed(壓縮)|expended(擴展) 命令， 可以為sass生成css樣式指定生成的格式
如：sass --watch watchdir:outputdir --style nested|compact|compressed|expended
2.通過webstorm開發工具進行編譯
①打開files下邊的seetings選項
②打開Tools下面的file watchers選項，如下圖所示，點擊右上角的+號，選中SCSS，進入配置界面，根據需要編輯需要修改的參數，最后點擊ok添加。
配置界面
③新建一個scss文件，就可以進行編輯了，這時我們會發現在demo.scss目錄下會生成一個demo.css的文件，也就是說webstorm自動為我們生成了相應的css文件。
④我們在html頁面引入樣式時，直接引入css文件即可
*注意：這里引入demo.css的時候demo.css和demo.scss其實是同一級的，引入方法如下圖所示
3.通過gulp進行集成編譯
由於gulp內容較多，因此放到下一節詳細講解。
小結：以上內容操作完成后，就可以進行我們的sass開發了，希望能幫到需要的朋友，下節將會講到sass的語法結構。