安装Sass遇到的坑
前记:安装sass参考的是sass中文网上的教程,跟换gem源的过程一直失败,显示源不存在,后来查找资料发现gem的国内源的维护已更换,sass中文网没有及时跟新,教程流程是可以走通的,只需要跟新一下gem源就能成功。
sass
基于Ruby
语言开发而成,因此安装sass
前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)
window下安装SASS首先需要安装Ruby
,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH
添加到系统环境变量。如下图:
安装完成后需测试安装有没有成功,运行CMD
输入以下命令:
ruby -v //如安装成功会打印类似 ruby 2.5.3p105 (2018-10-18 revision 65156) [x64-mingw32]
如上已经安装成功。但因为国内网络的问题导致gem
源间歇性中断因此我们需要更换gem
源。PS在sass中文官网上安装gem源的地址有问题,没有跟新及时。应该访问https://gems.ruby-china.com上的源
//1.删除原gem源 gem sources --remove https://rubygems.org/ //2.添加国内gem源 gem sources --add https://gems.ruby-china.com/ //3.打印是否替换成功 gem sources -l //4.更换成功后打印如下 https://gems.ruby-china.com # 确保只有 gems.ruby-china.com PS sass中文网上的gem源没有及时更新可以查看https://gems.ruby-china.com上的源
Ruby
自带一个叫做RubyGems
的系统,用来安装基于Ruby
的软件。我们可以使用这个系统来 轻松地安装Sass
和Compass
。要安装最新版本的Sass
和Compass
,你需要输入下面的命令:
//安装如下(如mac安装遇到权限问题需加 sudo gem install sass) gem install sass gem install compass
在每一个安装过程中,你都会看到如下输出:
Fetching: sass-3.x.x.gem (100%) Successfully installed sass-3.x.x Parsing documentation for sass-3.x.x Installing ri documentation for sass-3.x.x Done installing documentation for sass after 6 secon 1 gem installed
安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:
sass -v Sass 3.x.x (Selective Steve) compass -v Compass 1.x.x (Polaris) Copyright (c) 2008-2015 Chris Eppstein Released under the MIT License. Compass is charityware. Please make a tax deductable donation for a worthy cause: http://umdf.org/compass
如下sass常用更新、查看版本、sass命令帮助等命令:
//更新sass gem update sass //查看sass版本 sass -v //查看sass帮助 sass -h