sass和compass基礎用法

一、一些基本的命令

• sass都是通過gem安裝，以下是一些基礎的命令

移除ruby的鏡像地址
gem sources --remove https://rubygems.org/

添加淘寶的鏡像 
gem source -a http://ruby.taobao.org

查看鏡像 gem source -v

單文件轉換命令
sass style.scss style.css

單文件監聽命令（監聽會自動編譯）
sass --watch style.scss:style.css

文件夾監聽命令
sass --watch sassFileDirectory:cssFileDirectory

css文件轉成sass/scss文件（在線轉換工具css2sass）
sass-convert style.css style.sass
sass-convert style.css style.scss

運行命令行幫助文檔，可以獲得所有的配置選項
sass -h

--style表示解析後的css是什麼格式，有四種取值分別爲：nested，expanded，compact，compressed
sass --watch style.scss:style.css --style compact

----------------以下是compass-----------

compass創建一個編譯目錄，會生成config.rb文件，裏面是一些配置
compass create sassAPP

compass編譯
compass compile
compass compile --force

compass監視
compass watch
compass watch --force