compass安装教程-Baiang

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了compass安装教程-Baiang，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5610字，纯文字阅读大概需要9分钟。

内容图文

compass安装教程

compass和sass相当于，jquery和javascript,一个是封装的css库，另一个是javascript库，它们都目的是一样的，简化开发。

安装

一般来说，安装SASS的话，会自动帮助你安装compass。如果不确认是否有安装compass，在cmd中输入

compass -v

显示 'compass' 不是内部或外部命令，也不是可运行的程序或批处理文件。代表未安装compass。

显示如下，那么安装成功。

D:\WEB\aaa\myproject>compass -v
Compass 1.0.3 (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

安装指令

gem update --system  #先更新gem
gem install compass  #安裝Compass

其它指令

gem query –remote #卸载

md mycompass /# md 建立空文件夹

建立compass项目

cmd进入网站目录，在cmd中，输入以下指令。

compass create myproject

myproject是项目的名字，执行后，会下载compass项目文件到指定目录下： - config.rb -> 配置文件 - .sass-cache -> 缓存文件 - sass -> sass文件 - stylesheets -> sass编译文件

cofing.rb 配置文件

http_path = "/" 
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

//可以外加指令
output_style = :compressed     //编译格式指定

编译文件

执行编译

compass compile

只有在配置文件下，才能执行编译，不然会找不到.scss文件。

D:\WEB\aaa\mycompass\myproject\sass>compass compile
Compass can't find any Sass files to compile.
Is your compass configuration correct?.
If you're trying to start a new project, you have left off the directory argumen
t.
Run "compass -h" to get help.

在命令行模式下，除了一次性编译命令，compass还有自动编译命令

compass watch

结束自动编译按 CTRL + C，同样，也需要在配置文件下执行自动编译，才执行。

调用模块报错

如果调用模块报错，有可能是编码错误。

内容总结

以上是互联网集市为您收集整理的compass安装教程-Baiang全部内容，希望文章能够帮你解决compass安装教程-Baiang所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端