美文网首页
Sass&Compass安装使用

Sass&Compass安装使用

作者: 白小爱 | 来源:发表于2015-10-26 14:09 被阅读0次
    1. 安装Ruby环境


      安装后找到此路径
    2. 安装Sass
      <pre>gem install sass</pre>
      若不能直接安装,则使用淘宝镜像:
      <pre>
      $ 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 //查看安装版本
    </pre>

    1. 安装Compass
      <pre>gem install compass</pre>
      查看安装版本:
      <pre>compass -v</pre>
    2. 创建目录文件

    在任意位置使用命令行:
    <pre>compass create yourPro</pre>

    自动创建sass目录

    如图,创建了mySass的文件夹,下面创建了sass文件夹和stylesheets文件夹以及配置文件config.rb。

    1. 实时监听
      在当前目录下:
      <pre>compass watch</pre>
      当scss文件修改时,会自动修改css。
      在对应的css文件中标注了对应scss的位置,所以调试也可以直接通过注释找到scss位置。

    到此为止,一个简单的Sass环境就搭建好了啦

    相关文章

      网友评论

          本文标题:Sass&Compass安装使用

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