课程表

SASS 基础

SASS 高级

工具箱
速查手册

Sass 安装

当前位置:免费教程 » HTML/CSS » SASS

sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ruby!)

window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量(不然以后使用编译软件的时候会提示找不到ruby)。如下图:

安装完成后需测试安装有没有成功,运行CMD输入以下命令:

  1. ruby -v
  2. //如安装成功会打印
  3. ruby 2.2.2p95 (2015-04-13 revision 50295) [i386-mingw32]

如上已经安装成功。但因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源。(使用淘宝的gem源https://ruby.taobao.org/)如下:

  1. //1.删除原gem源
  2. gem sources --remove https://rubygems.org/
  3. //2.添加国内淘宝源
  4. gem sources -a https://ruby.taobao.org/
  5. //3.打印是否替换成功
  6. gem sources -l
  7. //4.更换成功后打印如下
  8. *** CURRENT SOURCES ***
  9. https://ruby.taobao.org/

Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来 轻松地安装SassCompass。要安装最新版本的SassCompass,你需要输入下面的命令:

  1. //安装如下(如mac安装遇到权限问题需加 sudo gem install sass)
  2. gem install sass
  3. gem install compass

在每一个安装过程中,你都会看到如下输出:

  1. Fetching: sass-3.x.x.gem (100%)
  2. Successfully installed sass-3.x.x
  3. Parsing documentation for sass-3.x.x
  4. Installing ri documentation for sass-3.x.x
  5. Done installing documentation for sass after 6 secon
  6. 1 gem installed

安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:

  1. sass -v
  2. Sass 3.x.x (Selective Steve)
  3. compass -v
  4. Compass 1.x.x (Polaris)
  5. Copyright (c) 2008-2015 Chris Eppstein
  6. Released under the MIT License.
  7. Compass is charityware.
  8. Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

如下sass常用更新、查看版本、sass命令帮助等命令:

  1. //更新sass
  2. gem update sass
  3. //查看sass版本
  4. sass -v
  5. //查看sass帮助
  6. sass -h

如果上述方法不能正常安装的话,可以按下面录制的动画效果来安装:

安装Sass 点击这里下载Sass安装文件
转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号