SASS的安装教程

作为一个蛋疼的全端工程师，平时除了需要架构设计之外，还需要对前端进行设计，免不了的同Javascript和CSS打交道，时间长了，感觉CSS的维护还是比较麻烦的，好在赶上了好时光，除了最常用的Bootstrap框架可以用之外，还诞生了SASS和LESS，可以很高效的维护CSS。说实话已经忘记当初为什么选择SASS而不是LESS了，可能是想尝试下Ruby吧，不过用了之后确实是爱不释手啊。

讲了那么多废话，让我们开始SASS之旅吧。

首先我们需要安装Ruby，其实挺简单的，去官网下载一个就好了，地址如下：

https://www.ruby-lang.org/

当然，如果你和我一样是Windows用户，那需要的是RubyInstaller，官网里面能找到地址，当然也可以直接点下面的地址：

http://rubyinstaller.org/downloads/

建议下载压缩包就可以了，爱放哪里就放哪里，然后解压，添加Path里面定义到bin目录，具体的大家应该都懂，我就不详细说了。

配置完之后，打开命令行，输入

ruby -v

能够正常返回就说明配置没问题了，可以开始使用Ruby了，当然我们的目标不是Ruby，Ruby只是我们必须要的工具，继续在命令行输入

gem install sass

当然理论上这样就会自动下载SASS并安装了，但是由于众所周知的原因，单这样可能不太好用，那要怎么办？那什么关上一扇门，总会打开一扇窗，总有办法解决的。

gem sources -r https://rubygems.org/
gem sources -a https://ruby.taobao.org/
gem sources -l

这三条命令的意思分别是：

1.删除资源库

2.添加资源库

3.列出资源库

最后一条命令之后确认当前的资源库仅https://ruby.taobao.org/一条，之后再次执行

gem install sass

是不是安装很顺利？呵呵，恭喜你，安装完之后就可以用了，是不是很开心