Sass入门-安装

来源:互联网 发布:咬人画的 知乎 编辑:程序博客网 时间:2024/04/26 01:28

二、安装

  • Sass安装(windows版)

    1.安装Ruby
    安装包下载地址:http://rubyinstaller.org/downloads 安装过程中选择第二项(不选中,就会出现编译时找不到Ruby环境的情况),如下图所示:

    如图所示:

    2.启动Ruby的Command控制面板,如图:

    这里写图片描述

    2.1通过命令安装Sass

    打开命令终端,输入下面的命令:
    gem install sass
    在使用 Mac 的同学,可能需要在上面的命令前加上”sudo”,才能正常安装:
    sudo gem install sass

    2.2通过Compass安装Sass

    Compass 是基于 Sass 开发的一个框架。也就是说,你安装了 Compass,也就同时安装好了 Sass。
    同样的在你的命令终端输入下面的命令:
    sudo gem install sass
    执行完上面的命令之后,就开始安装 Compass 和 Sass。
    注:Compass 是一个成熟的、基于 Sass 开发的一个框架,这里面集成了很多写好的 mixins 和 Sass 函数。

    2.3本地安装

    在Rubygems(http://rubygems.org/) 网站上将 Sass 的安装包( http://rubygems.org/downloads/sass-3.4.19.gem)下载下来,然后在命令终端输入:
    gem install 下载的安装包路径

    2.4淘宝 RubyGems 镜像安装 Sass(网络问题无法安装时)

    第一步:移动默认的源
    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

  • 查测Sass及更新

    sass -v //查测
    gem update sass //更新

  • 卸载(删除)Sass

    gem uninstall sass //卸载

1 0