zoukankan      html  css  js  c++  java
  • 安装Sass遇到的坑

    前记:安装sass参考的是sass中文网上的教程,跟换gem源的过程一直失败,显示源不存在,后来查找资料发现gem的国内源的维护已更换,sass中文网没有及时跟新,教程流程是可以走通的,只需要跟新一下gem源就能成功。

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

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

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

    ruby -v
    //如安装成功会打印类似
    ruby 2.5.3p105 (2018-10-18 revision 65156) [x64-mingw32]

    如上已经安装成功。但因为国内网络的问题导致gem源间歇性中断因此我们需要更换gem源。PS在sass中文官网上安装gem源的地址有问题,没有跟新及时。应该访问https://gems.ruby-china.com上的源

    //1.删除原gem源
    gem sources --remove https://rubygems.org/
    //2.添加国内gem源
    gem sources --add https://gems.ruby-china.com/
    //3.打印是否替换成功
    gem sources -l
    //4.更换成功后打印如下
    https://gems.ruby-china.com
    # 确保只有 gems.ruby-china.com
    PS sass中文网上的gem源没有及时更新可以查看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

      

  • 相关阅读:
    202103226-1 编程作业
    MSF原则
    介绍
    4 20210412-1 原型设计作业
    案例分析作业
    第二次编程
    阅读任务
    自我介绍
    案例分析作业
    阅读任务
  • 原文地址:https://www.cnblogs.com/aidixie/p/10253683.html
Copyright © 2011-2022 走看看