sass入门从零开始(环境篇)

https://www.sass.hk/    //sass官方网站 详细文档可参考 还是很不错的

安装过程

1,安装Sass和Compass

sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)

window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图:

sass入门从零开始(环境篇)_第1张图片

安装完成后需测试安装有没有成功,运行CMD输入以下命令:

ruby -v   //如安装成功会打印  ruby2.2.2p95 (2015-04-13revision50295) [i386-mingw32]

如上已经安装成功。但因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源。(使用淘宝的gem源https://ruby.taobao.org/)如下: 

这里的淘宝的gem源https://ruby.taobao.org/已换成http://gems.ruby-china.org/

$  gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/


//1.删除原gem源gem sources --removehttps://rubygems.org///2.添加国内淘宝源gem sources -ahttps://ruby.taobao.org///3.打印是否替换成功gem sources -l//4.更换成功后打印如下*** CURRENT SOURCES ***https://ruby.taobao.org/

Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来 轻松地安装Sass和Compass。要安装最新版本的Sass和Compass,你需要输入下面的命令:

//安装如下(如mac安装遇到权限问题需加 sudo geminstallsass)geminstallsassgeminstallcompass

在每一个安装过程中,你都会看到如下输出:

Fetching: sass-3.x.x.gem (100%)Successfully installed sass-3.x.xParsing documentationforsass-3.x.xInstalling ri documentationforsass-3.x.xDone installing documentationforsass after6secon1gem installed

安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:

sass -vSass3.x.x (Selective Steve)compass -vCompass1.x.x (Polaris)Copyright (c)2008-2015Chris EppsteinReleased under the MIT License.Compass is charityware.Please make a tax deductable donationfora worthy cause: http://umdf.org/compass

如下sass常用更新、查看版本、sass命令帮助等命令:

//更新sassgem update sass//查看sass版本sass -v//查看sass帮助sass -h

安装时遇到的一些问题记录:

ssl安全协议问题

SSL_connect returned=1 errno=0 state=error: certificate verify failed (https://gems.ruby-china.org/)

于 Windows 下证书无法验证问题 (certificate verify failed)

ruby 没有包含 SSL 证书,所以 https 的链接被服务器拒绝。

解决方法很简单,首先在这里下载证书http://curl.haxx.se/ca/cacert.pem, 然后再环境变量里设置SSL_CERT_FILE这个环境变量,并指向cacert.pem文件。

setSSL_CERT_FILE=C:\path\to\cacert.pem

来源https://gist.github.com/fnichol/867550

如果你实在解决不了 SSL 的问题,请用HTTP协议的方式:http://gems.ruby-china.org  //依然报错(坑)

本人解决方法:

首先在这里下载证书http://curl.haxx.se/ca/cacert.pem

将证书放在

sass入门从零开始(环境篇)_第2张图片

此时去配置环境变量

set SSL_CERT_FILE=C:\path\to\cacert.pem

path变量 = C:\Ruby22-x64

sass入门从零开始(环境篇)_第3张图片
sass入门从零开始(环境篇)_第4张图片

你可能感兴趣的:(sass入门从零开始(环境篇))