compass安装教程 - Baiang

php中文网
发布: 2016-05-21 08:54:36
原创
1942人浏览过

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     //编译格式指定
登录后复制

编译文件

执行编译

凌夕卡密微商城
凌夕卡密微商城

卡密微商城支持三级分销,拥有唯一的推广链接,一次推广,三级奖励,可以查看下级会员统计信息,购买卡密之后自动显示卡密信息,无需等待,支持卡密充值、支付宝充值,可以在线提现。开发语言:JAVA开发框架:Struts2+Spring+Hibernate后台用到Freemarker模板引擎服务器环境:JDK1.7Tomcat7.0Mysql5.1演示网站用户名:admin,密码:222222安装教程:1、

凌夕卡密微商城 0
查看详情 凌夕卡密微商城
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,同样,也需要在配置文件下执行自动编译,才执行。

调用模块报错

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

 

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号