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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sass学习笔记 -- 在Windows系统中安装Sass和Compass相关的知识,希望对你有一定的参考价值。

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


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

技术分享


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

技术分享


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

技术分享


接下来就是安装sass了,由于我按照很多教程上直接安装时出现了各种错误,一直失败,所以,在这里直接分享安装成功的操作步骤

1、移除默认源

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


2、下载SSL证书

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

技术分享

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

技术分享


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

技术分享


3、配置为淘宝源

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

技术分享


4、查看当前源

命令行输入: gem sources

技术分享


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

命令行输入:gem install sass  

技术分享


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

技术分享


安装compass

命令行输入:gem install compass  

技术分享

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

技术分享

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

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

本文出自 “dapengtalk” 博客,请务必保留此出处http://dapengtalk.blog.51cto.com/11549574/1871036

以上是关于Sass学习笔记 -- 在Windows系统中安装Sass和Compass的主要内容,如果未能解决你的问题,请参考以下文章

sass学习笔记:sass在windows下的安装编译

webpack中node-sass、sass-loader在Linux中安装问题

opencv学习-windows系统中安装扩展模块

Linux学习笔记

Vue中安装sass依赖,style引用出现报错。sass-loader高版本的坑

Vue中安装sass依赖,style引用出现报错。sass-loader高版本的坑