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！

compass添加blueprint框架

标签：

原文地址：http://www.cnblogs.com/elm5280/p/4279225.html