Sass学习之路——Sass环境安装（windows版）

Posted 2020-08-22

因为本喵目前用的是window10的本子，所以这里就发windows版本的安装流程啦。（希望有朋友可以赞助我一个mac(┳＿┳)）；

第一步：安装ruby

因为Sass是基于ruby编写的，所以先去官网下载ruby(百度一下，你就知道)。

当然了，国外的网站，动不动上不去，或者下载不了都有可能，所以百度软件中心这个也是可以的，亲测可用

 

 

点开以后选择普通下载，防止捆绑，从我做起。

下载完以后几乎是傻瓜式安装，使用默认路径就可以，

 

注意这里要勾上第二项，不然可能会出现找不到Ruby环境的情况。（就像以前写java要手动去环境变量里加path就很蛋疼(>_<)）

 

安装完成以后，程序里应该会多了这一项，用来启动ruby命令行面板

打开他，就可以开始用各种ruby指令安装sass了。

（这段路有点坎坷，用原本的景象直接gem install sass的话，多半会失败，毕竟墙外的世界难以捉摸。然后也有看到教程写使用淘宝镜像，但是现实很残酷，如今的淘宝镜像已经没有更新，挂掉了╮(￣▽￣")╭。最后发现新的源现在由Ruby China持续维护中，官网上写的是gem source -a https://gems.ruby-china.org，然而这里有一点要注意，需要把https改成http，各种报错，这样改完就好用了）。废话不多说，来看看完整的安装步骤啦：

第一步：移除默认的源

 

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

 

 

第二步：指定Ruby China的源

 

gem sources -a http://gems.ruby-china.org

 

 

第三步：查看指定的源是否正确

 

gem sources -l

显示结果应该如下：

 

 

最后一步：安装sass

 

gem install sass

 

 

最后可以使用 sass -v指令查看是否安装成功

效果如下

 

最后说一下更新和卸载sass的方法：

1.更新：gem update sass   

被告知没什么可以更新的╮(￣▽￣")╭

2.卸载：gem uninstall sass

这个指令，反正我不想试。大概只有遇到sass遇到什么无法解决的问题，想重新装。或者看淡IT回家种田的时候才用得到╮(￣▽￣")╭