Sass安装与编译

Sass是强大的css扩展语言，是css预处理工具，以下是基于mac系统安装。 1，安装ruby,先看一下版本号，看安装过没有：

ruby -v

没有看到版本号就安装ruby

brew install ruby

安装Sass

sudo gem install sass

如果报错You don't have write permissions for the /usr/bin directory 就使用以下命令：

sudo gem install -n /usr/local/bin sass

安装完成看版本号是否安装成功

sass -v

2，Sass环境安装和编译 第一种方式 使用sublime 打开sublime，按着command+shift+p,先点一下install Package， 等它自动弹出输入框，在输入框搜索sassbuild,安装完成后再安装另一个插件 sublimeOnSaveBuild。

3，打开sublime,建一个项目文件夹，在文件夹中建一个demo.scss文件 在.scss文件中写点代码

$abc:#ff0;
.div {
    color: $abc;
}

在sublime上面菜单栏选择Tools->Build System->选中SASS 然后按command+s，就会自动生成.css文件

另一种编译方式，打开koala官网，并安装koala 拖进之前写的scss文件

注意右边的配置项

右键选择输出路径，新建一个css文件作为输出，点击右边compile按钮就会将css代码输出到刚刚创建的css文件夹中。