关于Sass与Compass的一些笔记

1. 安装:css

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已经安装完成。sass

在Windows系统中安装Sass和Compass:Ruby自带一个叫作RubyGems的系统,用来安装基于Ruby的软件。咱们能够使用这个系统来轻松地安装Sass和Compass。要安装最新版本的Sass和Compass,你须要输入下面的命令:ruby

$ 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: 命令行编译及编译格式spa

#单文件转换命令 sass style.scss style.css #单文件监听命令 sass --watch style.scss:style.css #文件夹监听命令 sass --watch sassFileDirectory:cssFileDirectory。命令行

Sass编译四中格式:scss

  1. nested(嵌套)
  2. compact(紧凑)
  3. expanded(扩展)
  4. compressed(压缩)

实例,紧凑合适输出:sass --watch sass-lzf:css --style compact。it

3. 开始使用Compass:要在一个新项目中使用Compass,打开你的终端窗口并运行下面的命令:$ compass create my-project。

4. 编译Compass:按须编译 compass compile [项目路径] 监听编译 compass watch [项目路径] 如不写后面的项目路径,则会监听整个项目文件的变化,进行实时编译 中止监听文件变化:Ctrl + C

  例:  compass watch --output-style compact

相关文章
相关标签/搜索