且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-09-16 13:28:35

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


直接百度搜索“ruby”或者点击http://rubyinstaller.org/downloads/ 下载,根据自己系统配置,如果是x64,则选择“ Ruby 2.3.1 (x64)

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


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

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


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

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


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


1、移除默认源

命令行输入:   gem sources --remove https://rubygems.org/


2、下载SSL证书

可以百度搜索“cacert.pem”进入网站下载或者直接点击 https://curl.haxx.se/docs/caextract.html 

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

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

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


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

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


3、配置为淘宝源

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

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


4、查看当前源

命令行输入: gem sources

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


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

命令行输入:gem install sass  

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


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

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


安装compass

命令行输入:gem install compass  

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

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

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

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

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

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