一、安装Ruby
1、安装Ruby
Sass基于Ruby语言开发而成,因此windows下安装Sass前需要安装Ruby。先从官网下载Ruby并安装。
Ruby官网下载地址:https://rubyinstaller.org/downloads/
根据电脑配置选择对应版本。因为我是32位的系统,所以选择了x86。
下载完成后,双击进行安装。(默认安装目录在C盘,可以根据需要进行修改,我改到了D盘,D:\Program Files\Ruby27)
安装过程中跳出cmd窗口,让选择将要安装的components。输入了1,3,然后回车。
一大串安装信息之后,提示MSYS2 and MINGW development 安装完成。后面仍然是类似上面的提示,这次直接回车,cmd窗口关闭了。
重新打开cmd,输入ruby -v,可以看到ruby已经安装成功了。
2、更换gem源
因为国内网络的问题导致gem
源间歇性中断因此我们需要更换gem
源。
Sass官网提示:请尽可能用比较新的 RubyGems 版本,建议 2.6.x 以上。
在cmd中输入gem -v ,查看当前gem版本。可以看到,默认安装的gem是满足要求的,不用再更新了。
接下来,输入命令更新gem源就可以了。
//查看原gem源
gem sources -l
//删除替换原gem源
gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
//查看gem源是否替换成功,确保只有 gems.ruby-china.com
gem sources -l
二、安装Sass、Compass
Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来轻松地安装Sass和Compass。要安装最新版本的Sass和Compass,只需要输入下面的命令:
gem install sass
gem install compass
安装完成之后,可以运行下面的命令来确认应用已经正确地安装到了电脑中:
sass -v
compass -v
Sass版本:
Compass版本
以上在Sass官网:https://www.sass.hk/ 均有说明。