sass的安裝與編譯

Sass是css的一種預處理語言,使用它可以讓css擁有通常編程語言的一些特性:如函數、變量等。Sass是最流行的預處理語言之一。因爲sass是依賴於ruby,所以須要在操做系統中先安裝Ruby(Mac自帶Ruby,不用安裝)。css

  1. 安Ruby。

(1)安裝包: http://rubyinstaller.org/downloads/,根據本身的操做系統,下載以下圖所示的安裝包。html

 

(2)安裝時,須要將Ruby添加進入環境變量中,以下圖:編程

 

(3)安裝完成後,在命令行工具(命令提示符)中測試Ruby:sass

 

(4)開始安裝sass:ruby

 

若是在安裝過程當中報錯,請先使用命令:gem sources  --add http://gemsruby-china.org/,將國內的加入進去,就可以正常安裝sass了。編程語言

(5)對sass文件進行編譯:首先將目錄切換到sass文件所在的文件夾,使用命令:sass --no-cache --watch --style compressed sass:css.完成對sass的編譯,會生成一個css文件和一個.map文件。函數

(6)在html文件引用這個css文件就成了。工具

(7)剛開始學習,新手一枚,若是有問題,還請各位大神多多指正。學習

相關文章
相關標籤/搜索