天天看点

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

Sass和Compass都是基于Ruby编程语言的命令行工具。要使用它们,你首先需要在电脑中安装Ruby,Windows系统并没有预置Ruby,因此如果你之前没有安装过Ruby,现在就需要进行安装。安 装Ruby只需要花费几分钟的时间。

<a href="http://s2.51cto.com/wyfs02/M02/89/F4/wKiom1ginYvSt7dzAAEd3m406sk436.png" target="_blank"></a>

按照提示,点击下一步,注意这里需要全部勾选

<a href="http://s1.51cto.com/wyfs02/M02/89/F1/wKioL1ginoXDMnLdAABfK_klOPM958.png" target="_blank"></a>

安装完成以后,进入命令行工具,输入“ruby -v”查看版本号

<a href="http://s5.51cto.com/wyfs02/M01/89/F4/wKiom1ginwzAgewZAAAIZmVcPqQ381.png" target="_blank"></a>

接下来就是安装sass了,如果不幸被墙了,安装失败的话,可以参照下面的步骤

1、移除默认源

2、下载SSL证书

<a href="http://s5.51cto.com/wyfs02/M00/89/F4/wKiom1gioHSAAhilAACvfZGD5Os310.png" target="_blank"></a>

在弹出的新页面中,把所有的内容复制一份存到txt文档里面,保存时把编码方式改成utf-8,然后命名为“cacert.pem”,把这个文件存到C盘Ruby文件夹下面

<a href="http://s4.51cto.com/wyfs02/M00/89/F4/wKiom1gioOziK5ExAABlXXqwMiw059.png" target="_blank"></a>

右键点击“我的电脑”- “属性”-“高级系统设置”-“环境变量”,按照下图操作

<a href="http://s1.51cto.com/wyfs02/M01/89/F1/wKioL1gioWXTXlssAABx9WNS_Q8204.png" target="_blank"></a>

3、配置为淘宝源

命令行输入: gem sources -a https://ruby.taobao.org/

<a href="http://s1.51cto.com/wyfs02/M00/89/F4/wKiom1giqiPyKXvvAAAdMjWf8Yw655.png" target="_blank"></a>

4、查看当前源

命令行输入: gem sources

<a href="http://s5.51cto.com/wyfs02/M00/89/F1/wKioL1giqmfTnu-kAAAIzGT7tbs439.png" target="_blank"></a>

5、确定是淘宝源以后,执行该安装sass命令

命令行输入:gem install sass  

<a href="http://s5.51cto.com/wyfs02/M01/89/F1/wKioL1giqrqTXE-7AAAVUOlPNIU701.png" target="_blank"></a>

命令行输入:sass -v  查看sass是否安装成功

<a href="http://s5.51cto.com/wyfs02/M01/89/F4/wKiom1giqwnj8mq5AAAGpnBDqN8323.png" target="_blank"></a>

安装compass

命令行输入:gem install compass  

<a href="http://s4.51cto.com/wyfs02/M02/89/F4/wKiom1giq1mQuxwSAACQ__DNgLM030.png" target="_blank"></a>

命令行输入:compass -v  查看compass是否安装成功

<a href="http://s3.51cto.com/wyfs02/M02/89/F1/wKioL1giq4ez8TssAAAUg3Qcsvw070.png" target="_blank"></a>

安装的过程中遇到了很多问题,百度搜索了很多都没能解决,最后是看了“会飞的鱼lala”才得以安装成功,感谢博主!

附上链接:http://www.cnblogs.com/flyings/p/5355872.html

本文转自   frwupeng517   51CTO博客,原文链接:http://blog.51cto.com/dapengtalk/1871036

上一篇: RH134 UNIT4
下一篇: 标签页切换