码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2016-12-11 15:04:14      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:查看   rem   ruby   移除   百度   fonts   卸载   code   https   

因为本喵目前用的是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回家种田的时候才用得到╮( ̄▽ ̄")╭

 

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

标签:查看   rem   ruby   移除   百度   fonts   卸载   code   https   

原文地址:http://www.cnblogs.com/YuuyaRin/p/6159463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!