sass、compass安装及编译

1.rubyinstaller安装

sass 需要运行在Ruby环境下，下载好最新版本rubyinstaller，我下的是Ruby 1.9.3-p362,安装好。

2.安装sass、compass

开始 -> Ruby 1.9.3-p362 ->  Start Command Prompt with Ruby

输入以下命令：gem install compass

然后等待其自动下载和安装compass及其依赖模块（包括sass）。

3.建立项目文件夹

安装完compass后，我们来创建一个compass项目文件夹。我想把该文件夹放在 路径为E:/mywork/xsr2 下面，

依次输入以下指令:

e:                                    //指向e盘

cd mywork/xsr2                  //再指定到目录 mywork/xsr2

compass create Compass     //于是我在xsr2创建了一个名为Compass的项目文件夹

4.编译运行sass文件

sass文件就是普通的文本文件，它可以直接使用css语法，文件后缀名为.scss（Sassy CSS）。

首先编辑好一个sass文件，名为test.scss。指定到刚刚创建的Compass中的sass文件夹。

E:\mywork\xsr2\Compass\sass>

执行命名 sass test.scss test.css，可以看到sass文件夹中多了个test.css文件，编译成功。

5.其他

编译时可以用到的命名(以test.scss为例)：

sass test.scss     (在屏幕上显示.scss文件转化的css代码)

sass test.scss test.css (将显示结果保存为相应的.css文件)

compass compile (在命令行下切换到项目目录后再运行,会将sass下所有的scss文件都编译)

compass watch (在命令行下切换到项目目录后再运行，compass将会实时监控 sass目录的文件变化，只要你一保存文件，立即将相应文件编译为 css 文件。)

取消输出的css文件中的一行一行的注释：

compass watch --no-line-comments 或

compass compile --no-line-comments

查看compass版本：

compass -v

输出压缩的css文件：

编译命令 compass compile --output-style compressed 或

在config.rb中设置 output_style =:compressed

重新编译未变动的文件：

compass只编译发生变动的文件，如果你要重新编译未变动的文件，需要使用 --force参数。

compass compile --force