Sass 安裝

Sass的系統需求

• 操做系統 - Sass是獨立於平臺的
• 瀏覽器支持 - Sass在Edge/IE（來自IE 8）、Frefox、Chrome、Safari、Opera中工做
• 編程語言 - Sass基於Ruby

Sass官方網站：https://sass-lang.com/

安裝Sass

當咱們在命令行上安裝Sass時，咱們須要將可以運行的Sass可執行文件來將 .sass 和 .scss 文件編譯爲 .css 文件：

sass source/stylesheets/index.scss build/stylesheets/index.css

首先使用下面的選項之一安裝sass，而後運行sass-version以確保安裝正確。若是是，這將包括1.22.12，咱們還能夠運行SASS——幫助瞭解命令行接口的更多信息。

• 隨處安裝（獨立）

  咱們能夠經過從GITHUB下載操做系統的包並將其添加到您的路徑上，在Windows、MAC或Linux上安裝SAS。全部這些都沒有外部依賴項，也不須要安裝其餘任何東西。

• 隨處安裝（NPM）

  若是咱們使用的話，能夠經過運行新版原本安裝：

  npm install -g sass

  可是，請注意，這將安裝sass的純 JavaScript 實現，它的運行速度比這裏列出的其餘選項稍慢。可是它有相同的接口，因此若是咱們須要更高的速度，之後在另外一個實現中交換會很容易。

• 安裝在Windows上（Chocolatey）

  若是使用適用於Windows 的Chocolatey軟件包管理器，則能夠經過運行安裝Dart Sass：

  choco install sass

• 在Mac OS X上安裝（Homebrew） 若是使用Mac OS X的自制軟件包管理器，則能夠經過運行安裝Dart Sass：

  brew install sass/sass/sass

使用

Sass 能夠有三種方式使用：

• 做爲命令行工具
• 做爲獨立的 Ruby 模板
• 做爲 Rack-enabled 框架的插件

不管使用哪種都須要先安裝 Sass gem：

gem install sass

在命令行中運行 Sass：

sass input.scss output.css

監視單個 Sass 文件，每次修改並保存時自動編譯：

sass --watch input.scss:output.css

監視整個文件夾：

sass --watch app/sass:public/stylesheets

更多命令的用法請經過 sass --help 獲取幫助。

在 Ruby 中使用 Sass 也很是容易，Sass gem 安裝完畢後運行 require "sass" 而後按照下面的方法使用 Sass::Engine：

engine = Sass::Engine.new("#main {background-color: #0000ff}", :syntax => :scss)
engine.render #=> "#main { background-color: #0000ff; }\n"