章节
问答
课签
笔记
评论
占位
占位

Sass安装(windows版)

在 Windows 平台下安装 Ruby 需要先有 Ruby 安装包,大家可以到 Ruby 的官网(http://rubyinstaller.org/downloads)下载对应需要的 Ruby 版本。

Ruby 安装文件下载好后,可以按应用软件安装步骤进行安装 Ruby。在安装过程中,个人建议将其安装在 C 盘下,在安装过程中选择第二个选项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所示:

Ruby 安装完成后,在开始菜单中找到新安装的 Ruby,并启动 Ruby 的 Command 控制面板,如下图所示:

当你的电脑中安装好 Ruby 之后,接下来就可以安装 Sass 了。同样的在windows下安装 Sass 有多种方法。但这几种方法都是非常的简单,只需要在你的命令终端输入一行命令即可。

   1、通过命令安装 Sass

打开电脑的命令终端,输入下面的命令:

gem install sass

提醒一下,在使用 Mac 的同学,可能需要在上面的命令前加上"sudo",才能正常安装:

sudo gem install sass

如果上面的方法没有安装成功,可以使用下面的两种方法。

   2、通过 Compass 来安装 Sass

除了使用 gem 命令来安装 Sass 之外,还可以通过安装 compass 来安装 Sass,因为 Compass 是基于 Sass 开发的一个框架。也就是说,你安装了 Compass,也就同时安装好了 Sass。

同样的在你的命令终端输入下面的命令:

sudo gem install sass

执行完上面的命令之后,就开始安装 Compass 和 Sass。

注:Compass 是一个成熟的、基于 Sass 开发的一个框架,这里面集成了很多写好的 mixins 和 Sass 函数。不过在此暂不做过多阐述。

   3、本地安装 Sass

由于有时候直接使用上面的命令安装会让你无法正常实现安装(网络受限原因),当碰到这种情况之时,那么安装需要特殊去处理,可以通过下面的方法来实现 Sass 的正常安装:

可以到 Rubygems(http://rubygems.org/) 网站上将 Sass 的安装包(http://rubygems.org/gems/sass)下载下来,然后在命令终端输入:

gem install <把下载的安装包拖到这里>

直接回车即可安装成功。

注:在 iOSX 系统平台,可以直接将下载的安装包拖到 "gem install" 后面,如果在是 Windows 系统,需要手功输入安装的文件路径。

  4、淘宝 RubyGems 镜像安装 Sass

除了下载 Sass 安装包到本地安装之外,碰到网络原因无法安装时还可以使用淘宝 RubyGems 镜像安装 Sass。只是我们需要通过 gem sources 命令来配置源,先移除默认的 https://rubygems.org 源,然后添加淘宝的源 https://ruby.taobao.org:

第一步:移动默认的源

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

第二步:指定淘宝的源

gem sources -a https://ruby.taobao.org/

第三步:查看指定的源是不是淘宝源

gem sources -l

返回结果如下:

*** CURRENT SOURCES ***
https://ruby.taobao.org

请确保只有 ruby.taobao.org。如果无误之后,执行下面的命令:

gem install sass

 

任务

?不会了怎么办
||
1
//Welcome to
    imooc
    learning
    Sass
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

已采纳回答 / XMYL
在cmd里输入 sass -v 如果有返回版本号,那就是成功了

最新回答 / 慕仔7202579
用最基本的gem install sass就行

最新回答 / loqinyahuive
我是通过choco install ruby安装的,可以在\chocolatey\lib 下看到ruby安装包

最新回答 / qq_曾爱过你_0
是因为我的文件名字里有汉字的原因。。。。。。换成纯字母就行了

最新回答 / 小蓝枣
错误说没有这样的文件或目录。你在D盘安装,d后面需要有冒号d:

最新回答 / 慕粉2203123783
ruby安装好了。第一次安装的时候我下的是 rubyinstaller-devkit-2.5.1-1-x64 。会弹出上面截图中的内容。不知道自己是不是下错安装包了。因为进入http://rubyinstaller.org/downloads 有很多版本,不知道下哪一个。然后我就重新安装,这次下的是 rubyinstaller-2.5.1-1-x64 安装包,下过来安装后也还是会弹出如上截图。直接关掉,进入cmd,命令行输入“ruby -v”,显示版本号,说明安装成功

最新回答 / 慕粉3953581
ruby都下错了你https://rubyinstaller.org/downloads/

已采纳回答 / 穆桂英_俊主
其实他并不是项目,他只是一种语言的编译器,只要在你的项目中创建sass.css或者scss.css就可以了,然后编写完成后转译成css,非常方便

已采纳回答 / 慕粉1340095223
ruby bin目录下

已采纳回答 / 北京小前端
建议用本地安装sass,我就是用这种方法装的,靠谱,你装一个git,在终端中输入gem install 这里用拖拽方式将下载好的sass包放到后面,就可以了

最新回答 / 慕粉3424092
可能被墙了 换一个源

最新回答 / 飘飞的夏秋
看下 w3cPlus的这个 http://www.w3cplus.com/sassguide/install.html

最新回答 / 炫蓝Rock
The 64-bit versions of Ruby are relatively new on the Windows area and not all the packages have been updated to be compatible with it. To use this version you will require some knowledge about compilers and solving dependency issues, which might be too c...
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言