1. 安装:
Sass和Compass都是基于Ruby编程语言的命令行工具。要使用它们,你首先需要在电脑中安Ruby,并对电脑的命令行操作有一个基本的理解。Sass和Compass可以安装在Windows、Mac OS和Linux系统中。
在Windows中安装Ruby:在命令行窗口中输入ruby -v并按下回车键。如果电脑中没有安装Ruby,命令行将显示‘ is not recognized as an internal or external command, operable program or batch file。如果电脑中已经安装了Ruby,那么将打印出已经安装好的Ruby版本号。你安装的Ruby版本应该不低于1.8.7(如果你安装的Ruby版本为1.8.6或者更低,请按照下面的指示重新安装Ruby。进入网址http://rubyinstaller.org/downloads/,下载最新版本的Ruby安装程序并运行。根据安装程序的提示按照步骤进行安装。第三个窗口将询问你将Ruby安装在什么位置,在点击安装之前选中两个复选框。现在,重新启动你的命令行窗口,然后输入ruby -v并按下回车键来确认Ruby已经安装完成。
在Windows系统中安装Sass和Compass:Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来轻松地安装Sass和Compass。要安装最新版本的Sass和Compass,你需要输入下面的命令:
$ gem install sass
$ gem install compass
在每一个安装过程中,你都会看到如下输出:
Successfully installed sass-3.1.0
1 gem installed
Installing ri documentation for sass-3.1.0...
Installing RDoc documentation for sass-3.1.0...
安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:
$ sass -v
Sass 3.1.0 (XXX NAME ME)
$ compass -v
Compass 0.11.0
Copyright (c) 2008-2011 Chris Eppstein
Released under the MIT License.
2. 编译Sass: 命令行编译及编译格式
#单文件转换命令 sass style.scss style.css #单文件监听命令 sass --watch style.scss:style.css #文件夹监听命令 sass --watch sassFileDirectory:cssFileDirectory。
Sass编译四中格式:
- nested(嵌套)
- compact(紧凑)
- expanded(扩展)
- compressed(压缩)
实例,紧凑合适输出:sass --watch sass-lzf:css --style compact。
3. 开始使用Compass:要在一个新项目中使用Compass,打开你的终端窗口并运行下面的命令:$ compass create my-project。
4. 编译Compass:按须编译 compass compile [项目路径] 监听编译 compass watch [项目路径] 如不写后面的项目路径,则会监听整个项目文件的变化,进行实时编译 停止监听文件变化:Ctrl + C