【sass】手把手教你如何在本地安装SASS

　　记得小时候学过一片叫做《黔驴技穷》的文章，黔这个地方本没有驴但是有“好事者船载已入”，然后就有了。本来我们写css时直接在对应的css文件里直接写就可以了，但是有人就提出来了这样写不够人性比较痛苦逼格不够高，我们要引入编程的面向对象的方式写css。这样写有诸多好处：可以定义变量，代码可以复用，书写人性化，在大型项目中尤其适用，关键是逼格高！哈哈。

首先我们要装下日本人写的ruby，然后通过ruby的包管理工具gem安装saa，类似node的npm，

ＰＳ：ｒｕｂｙ　出来比ｎｏｄｅ早，应该是ｎｏｄｅ借鉴了ｒｕｂｙ这种包模块管理方式，然后ｎｏｄｅ又借用了谷歌请的Ｖ８内核并得益于统一的ｊｓ规范commonJS（虽然今天这个规范已经开始过时），天时地利人和的情况下一个强大而又流行的ｎｏｄｅ应运而生！github上关注度仅次于Twitter的bootstrap。

#####１）ruby下载。

这个楼主已经下载好了，３２位６４位都有。

３６０云盘：https://yunpan.cn/c6CJsRKu9Gm5U  访问密码 1029　。

当然你也可以通过官网下载，可能比较慢因为是国外网站呀你懂得不是４０４就不错咯。所以对应的各种镜像网站就应用而生了，比如常用的淘宝镜像。有个主意点记得勾选以下图中选项，大概意思就是配置本地环境变量，否则的话以后使用编译软件的时候就会提示找不到ｒｕｂｙ环境。

#####２）具体命令行操作．

ａ）正确安装后，按住Windows＋Ｒ打开cmd在里面输入

　　ｒｕｂｙ　－ｖ

如果不成功的话，就需要重启下啦。

ｂ）然后我们就可以通过以下命令行安装ｓａｓｓ啦

　　ｇｅｍ　ｉｎｓｔａｌｌ　ｓａｓｓ

ｃ）安装后可以通过

　　ｓａｓｓ　－ｖ　查看ｓａｓｓ版本，

　　ｓａｓｓ　－ｉ　进入ＲＥＰＬ编译环境。

啊，什么是REPL？read–eval–print loop交互式编程环境，我的理解就是“”所见即所得“”！哈哈。

       gem update sass  升级sass 版本

注意：默认就是全局安装，不需要和node里加-g啦。

这样你得本地sass就配置成功了，你就可以通过编程这种高大上的方式编写你得css样式啦。

３）如果你此时网络环境比较糟糕以上命令行不能成功下载sass可以通过淘宝镜像下载。

ａ）先移除默认的https://rubygems.org源：

　　　 gem sources --remove https://rubygems.org/　；

ｂ）然后然后添加淘宝的源：

　　　 gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https，请将淘宝源更换成：gem sources -a http://gems.ruby-china.org】　；

ｃ）同２）。

后记：希望本文能够帮你成功配置本地ＳＡＳＳ环境。前端开发掌握这么技能对你升职就业也是很有裨益的，毕竟很多公司也在使用这个。奥，对了跟ＳＡＳＳ一样的东西还有个叫ｌｅｓｓ的，但是实际工作中中没有ｓａｓｓ用的多，道理都是一样的。　小生才疏学浅，纰漏之处还请路过的大神们多多拍砖。以下是saas语法学习的一个网站，比较简洁：　http://www.w3cplus.com/sassguide/syntax.html　.