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"