1.4 创建一个Compass项目

发布时间：2016-11-16 22:57

  本文关键词：Sass与Compass实战，由笔耕文化传播整理发布。

> 其他综合 > Sass与Compass实战 1.4　创建一个Compass项目 2014-04-30 16:47:59         我要投稿   

本文所属图书 > Sass与Compass实战

本书共分为10 章，旨在完整介绍两个工具：Sass 和Compass，从而引领读者通过框架高效地构建样式表，创建动态页面。本书介绍了Sass 如何通过选择器嵌套和变量来帮助避免重复，以及通过继承和混合器等特性更加高  立即去当当网订购

如果你还没有安装Compass，可以参考附录A的指引进行安装。安装好以后，第一件事就是创建一个Compass项目。

同其他优秀的命令行接口工具（CLI）一样，Compass提供了非常丰富的帮助信息来帮我们了解Compass的各项功能。测试一下Compass是否安装成功。打开命令行进入一个新的样式项目目录，运行compass help。如果成功打印出了帮助信息和命令行参数信息，说明Compass安装好了。如果没有的话，请重新按照附录A的指引进行安装，然后重新尝试。

下面从创建一个新的Compass项目开始，新项目包含了一个配置文件和Sass源文件、CSS输出文件等。将该文件命名为sample。

compass create sample

新目录下会生成这么几个文件：

total 8
drwxr-xr-x  6 wynn  staff  204 Jan  3 12:11 .
drwxr-xr-x  3 wynn  staff  102 Jan  3 12:12 ..
drwxr-xr-x  4 wynn  staff  136 Jan  3 12:11 .Sass-cache
-rw-r--r--  1 wynn  staff  315 Jan  3 12:11 config.rb
drwxr-xr-x  5 wynn  staff  170 Jan  3 12:11 Sass
drwxr-xr-x  5 wynn  staff  170 Jan  3 12:11 stylesheets

使用默认配置，Compass已经帮我们默认生成了一个config.rb配置文件，一个名为sass的目录，里边存放Sass的源文件，一个名为stylesheets的目录，里边存放Sass编译后生成的CSS文件。如果你想了解config.rb里边的所有配置项，请参考附录B。现在我们将使用默认配置来演示如何用Compass解决实际工作中遇到的CSS问题。

点击复制链接 与好友分享!回本站首页 您对本文章有什么意见或着疑问吗？请到论坛讨论您的关注和建议是我们前行的参考和动力   上一篇：1.3.3　社区生态系统 下一篇：1.5.1　通过重置来保持样式表现一致 相关文章

20.3.2 在项目编号中追加文字

1.1.4.1　构建项目的基本目录结构

1.2.2　Struts2项目的目录组织结构

1.4.2　在项目中使用Ext

1.3.2　简单的Compass样式项目

1.2　创建新的ASP.NET项目

1.1.1 Access数据项目

7.1 项目如何共享协作

7.2 获取共享项目

7.3 编辑共享项目

图文推荐

  本文关键词：Sass与Compass实战，由笔耕文化传播整理发布。

，

本文编号：177833