Sass学习之路(2)——Sass环境安装(windows版)

时间:2021-12-10 14:45:34

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

第一步:安装ruby

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

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

Sass学习之路(2)——Sass环境安装(windows版)
Sass学习之路(2)——Sass环境安装(windows版)
Sass学习之路(2)——Sass环境安装(windows版)
Sass学习之路(2)——Sass环境安装(windows版)

Sass学习之路(2)——Sass环境安装(windows版)

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

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

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

Sass学习之路(2)——Sass环境安装(windows版)

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

Sass学习之路(2)——Sass环境安装(windows版)

打开他,就可以开始用各种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学习之路(2)——Sass环境安装(windows版)

最后一步:安装sass

gem install sass

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

效果如下

Sass学习之路(2)——Sass环境安装(windows版)

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

1.更新:gem update sass

Sass学习之路(2)——Sass环境安装(windows版)

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

2.卸载:gem uninstall sass

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