compass的使用

　　这段时间尝试在项目中转向Sass，看到了更加人性的语法，也看到了Compass这个利器，今天就尝试一下，顺便把Evernote里记的笔记导出一下，希望以后写的文章纹理更清晰，写到这里也想自己时不时看看，修改修改，更加精致。

 

1. 安装项目
2. 创建项目
3. 设置配置文件
4. 使用
5. 执行编译
6. 编写插件

 

一：安装

$ gem update --system

$ gem install compass

 

二：创建项目

 $ compass create <myproject>

<myproject> 即你要新建项目的根目录

生成了 config.rb/ sass/ stylesheets 三个文件|文件夹

 

三：设置配置文件

设置config.rb，基本上一看就懂

默认下 sass文件夹存放写的sass代码.

stylesheets文件夹 存放生成的css代码

 

参考链接：

http://compass-style.org/help/tutorials/configuration-reference/

四：使用

在scss中导入 @import “compass/css3/box" 

就可以使用css3/box 模块的mixin代码

 

参考ccs3的链接：

http://compass-style.org/reference/compass/css3/

 

五：执行编译

 compass compile 

compass compile -e production

 

更深入的，有待挖掘