安装SASS

一.简介

SASS是一种基于CSS的预处理语言，它在CSS的基础上将代码抽象化和简单化。通过它能够赋予CSS以动态语言样式特性，例如能够设置变量、继承、运算、函数等。当然确切点来说，是想通过SASS来让我们在编写CSS时更加舒畅与自如。想知道更多的可以转战到这里。

二.安装一

因为SASS依赖于Ruby环境，所以在使用之前需要搭建环境（Ruby下载请点击这里），下载完成之后将其安装在你指定的文件夹下，注意在安装过程之前请勾选 Add Ruby executables to your PATH 这个选项。如果您忽略了此选项，那么在使用编译软件时，会提示找不到Ruby环境。

Ruby安装完毕之后，在开始菜单找到Ruby文件，并在其目录下找到 Start Command Prompt with Ruby ，然后在其窗口中输入命令行指令gem install sass ，回车确认，稍等一会儿便会提示安装成功（我自己是卡了大概一分钟之后才提示安装完成，可能会有所停顿，请耐心等待会儿）。

确认自己是否安装成功ruby可在命令窗口中，敲入ruby -v，查看ruby的安装版本。

开始安装sass：

在命令窗口中敲入指令：gem install sass，稍等一会儿......便会提示您已安装成功，确认自己是否安装成功sass可在命令窗口中，敲入sass -v，查看sass的安装版本。

sass相关指令：

安装sass：gem install sass

安装beta版本sass：gem install sass --pre

查看sass版本：sass -v

更新sass版本：gem update sass

安装二

今天转战到公司电脑的win8系统上安装sass，如同安装一步骤中顺畅的安装了ruby，但是....在安装sass时，报错了~~~，sass难产了~。难产真像:

无奈，自己寻思了会并在网络上查找了原因，发现是gem被墙了，最后找到了可以解决的办法----手动安装sass，这个方法需要手动下载以下四个文件：

SASS.gem:

http://rubygems.org/downloads/sass-3.2.13.gem

Chunky_png.gem:

http://rubygems.org/downloads/chunky_png-1.2.9.gem

Fssm.gem:

http://rubygems.org/downloads/fssm-0.2.10.gem

Compass.gem:

http://rubygems.org/downloads/compass-0.12.2.gem

下载完毕之后，将其拷贝到你指定的ruby安装目录下，随后在命令窗口中，使用命令来进入你的ruby目录执行sass安装：gem install sass

成功安装：

查看是否安装成功，可同上。

这个链接地址下载过来的sass版本是sass-3.2.13，如需更新到最新版本，可在命令窗口中输入指令gem update sass更新sass的版本至最新。

三.使用Koala来编译sass文件

想了解更多有关Koala的知识，请转战到这里。

编译器初设置：

最后是自己写了一个小demo，暂时还未深入学习sass语法：