win7下SASS环境配置并使用介绍[转载]
2017-07-06 本文已影响92人
zock
方法/步骤
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环境配置并使用介绍
Gem的使用方法
安装完Ruby实际上已经安装好了gem，通过win+r输入cmd回车打开终端。
查看已经安装的gem软件
gem list
gem在线安装软件
gem install (gem-name)
gem卸载软件
gem uninstall (gem-name)
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环境配置并使用介绍
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环境配置并使用介绍
