compass添加blueprint框架

compass frameworks //查看compass支持的框架

//使用blueprint框架来创建应用(网格布局)
compass create m_grid --using blueprint

//新版本的compass中已经不再内置blueprint,需要手动安装,或将compass降级到旧版本(0.12)
sudo gem install compass-blueprint

//用ruby的gem安装之前,将库指向淘宝镜像,国外太慢
//确保只有淘宝镜像,将官方镜像去除
gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
gem sources -l


//以下内容来自http://www.th7.cn/Program/Ruby/201410/299298.shtml
很多人已经发现了,现在通过命令 “gem install compass” 安装的compass,在使用 “compass compile” 编译scss的时候会报下面的异常:
"File to import not found or unreadable: blueprint/typography"
google了一下,说是新版compass已经不包括compass-bluprint了。
所以我尝试执行命令 “gem install compass-blueprint”,自己手动安装compass-blueprint。虽然装上了,但是执行 “compass compile” 编译scss的时候还是报了个异常:
“Undefined mixin 'experimental'”
上面是我在虚拟机系统中测试的。
我自己的机器因为是很久之前装的compass,可以正常编译scss,我运行 “compass -v” 查看我的compass版本,是0.12.2,。
所以我尝试在虚拟机中安装以前版本的compass,最后终于成功了。
解决办法:
1、如果你试过 “gem install compass-blueprint” 安装compass-blueprint,那么你一定要先卸载了:
<span style="font-size:14px;">gem uninstall compass-blueprint</span>
2、卸载sass,这个是compass安装的时候附带安装的,需要自己卸载掉
<span style="font-size:14px;">gem uninstall sass</span>
3、卸载compass
<span style="font-size:14px;">gem uninstall compass</span>
4、安装3.2.12版本的sass
<span style="font-size:14px;">gem install sass -v 3.2.12</span>
5、安装0.12.2版本的compass
<span style="font-size:14px;">gem install compass --version 0.12.2</span>
好了,enjoy it!

posted on 2015-02-07 19:39  elm  阅读(360)  评论(0编辑  收藏  举报

导航