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

方法/步骤

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环境配置并使用介绍