美文网首页
安装Sass和Compass

安装Sass和Compass

作者: 最底层的技术渣 | 来源:发表于2019-06-27 00:41 被阅读0次

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

window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装。安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量。如下图:

image

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

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

如上已经安装成功。但因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源。

//1.删除原gem源
gem sources --remove https://rubygems.org/

//2.添加国内源
gem sources -a https://gems.ruby-china.com

//3.打印是否替换成功
gem sources -l

//4.更换成功后打印如下
*** CURRENT SOURCES ***
https://ruby.taobao.org/

安装过程如下:

F:\git\webpack4>gem sources  --remove https://rubygems.org/
source https://rubygems.org/ not present in cache

F:\git\webpack4>gem sources -a https://gems.ruby-china.com
https://gems.ruby-china.com added to sources

F:\git\webpack4>gem sources -l
*** CURRENT SOURCES ***

https://gems.ruby-china.com

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

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

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

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

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

sass -v
Sass 3.x.x (Selective Steve)

compass -v
Compass 1.x.x (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

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

//更新sass
gem update sass

//查看sass版本
sass -v

//查看sass帮助
sass -h

相关文章

  • 在window下安装sass遇到的坑

    安装Sass和Compass sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下...

  • Sass安装

    安装Sass和Compass sass基于Ruby语言开发而成,因为安装sass前需要安装Ruby。注:mac环境...

  • Compass学习小结

    PS:本文基于SASS进行陈述 What is Compass Installation 安装Compass的前提...

  • scss学习笔记

    sass compass安装 ##ddddd## 安装rubyinstaller(http://rubyinsta...

  • 学习SASS

    css扩展语言 面向对象 变量 嵌套 混合 导入 安装Sass和Compass sass基于Ruby语言开发而成,...

  • 安装Sass和Compass

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

  • sass学习一

    sass基于ruby语言开发而成。 sass和compass sass本身只是一个编译器,compass在它的基础...

  • 无标题文章

    [TOC]##为什么要学习Sass和Compass###简单一来说,主要目标: - 使用Sass和compass可...

  • 我的Markdown日记

    [TOC]##为什么要学习Sass和Compass###简单一来说,主要目标:-使用Sass和compass可以写...

  • ionic中使用compass

    1.通过npm安装 -npm install compass-sass-mixins 2.通过添加@import ...

网友评论

      本文标题:安装Sass和Compass

      本文链接:https://www.haomeiwen.com/subject/ntmkcctx.html