（一）sass的运行工具篇

(一)sass的运行工具有两种：

1.就是安装Ruby对sass进行编译，安装网址：https://rubyinstaller.org/downloads/

2.就是用考拉编译，安装网址：http://koala-app.com/index-zh.html

(二)安装Ruby

1.打开上面的链接，你会直接看到下面的页面，下载页面中的第一个安装包

 2.下载并解压到本地，安装，当你看到下面的图片就说明安装完成

 3.安装完成还有检查是不是安装成功了

在桌面打开命令行窗口

敲入ruby -v安装成功如下图

到此我们安装好了ruby

4.安装考拉，这个很简单，就使用上面网站下载即可

(三)使用ruby编译器来编译sass 

1.先来使用ruby来编译sass

先创建一个文件夹，随便在什么地方都可以，如下图：

然后右键：在这里打开命令窗口，记住是在你创建的scss文件夹里的scss目录下打开

输入：sass --watch index.scss:index.css（sass --watch 你建的scss文件:你要转换的css文件），就会出现如下图的文件

 

说明你已经监听文件成功，就可以在编辑器下写sass了

(四)sass的考拉编辑

考拉编辑很简单，先创建一个文件夹，然后把scss的文件夹拉到考拉里

 

出现上面的界面说明你成功了

(五)sass的编译方式

1. 嵌套输出方式 nested
2. 展开输出方式 expanded  
3. 紧凑输出方式 compact 
4. 压缩输出方式 compressed

 使用方法为：sass style.scss:style1.css --style 编译方式