美文网首页
win7下SASS环境配置并使用介绍[转载]

win7下SASS环境配置并使用介绍[转载]

作者: zock | 来源:发表于2017-07-06 10:29 被阅读92次

    方法/步骤

    Ruby环境安装
    1、Ruby安装包下载地址:http://rubyinstaller.org/downloads/下载对应系统版本的安装包;
    2、双击rubyinstaller-2.2.3-x64.exe开始安装,如下图所示安装;
    3、检查是否安装成功win+r输入cmd回车打开终端输入ruby -v;

    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍

    Gem的使用方法
    安装完Ruby实际上已经安装好了gem,通过win+r输入cmd回车打开终端。
    查看已经安装的gem软件

    gem list

    gem在线安装软件

    gem install (gem-name)

    gem卸载软件

    gem uninstall (gem-name)

    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍

    通过Gem安装Compass+Sass
    Compass是Sass的工具库(toolkit)主要功能就是可以直接创建项目、配置CSS压缩方式、配置firefox的调试信息。
    安装Compass(最新的Compass已经集成Sass不用单独安装)
    gem install compass
    由于网络的问题,替换淘宝镜像源进行安装
    $ gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/
    $ gem sources -l
    $ gem install compass

    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍

    Compass使用方法
    1、创建项目 首先通过命令行进入你要创建项目的文件夹。cd\回到根目录 cd ** 进入某个文件夹。

    compass create myproject

    2、配置config.rg 主要是对压缩比例。

    压缩比例output_style = (environment == :development) ? :expanded : :compresse

    3、实时编译sass Compass实时监控Sass目录的文件变化,只要保存文件立即将对应文件编译成css文件

    compass watch

    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍
    win7下SASS环境配置并使用介绍win7下SASS环境配置并使用介绍

    相关文章

      网友评论

          本文标题:win7下SASS环境配置并使用介绍[转载]

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