Windows下sass的安装

sass依赖Ruby，所以，首先得先安装个Ruby

安装步骤：

　　1.安装Ruby的时候，勾上Add Ruby executables to your PATH（添加环境变量）

　　2.安装好Ruby之后，在开始菜单中找到Ruby，打开"Start Command Prompt With Ruby"

　　　　命令行中输入 

　　　　gem install sass

　　　　回车确认之后，等待一段时间。

　　　　ps：由于墙的原因，国内基本都是安装失败，继续3，如果安装成功，直接跳到4。

 

　　3.安装失败，采取下面的办法（淘宝镜像）

　　　　命令行依次输入

　　　　gem sources --remove https://rubygems.org/

　　　　gem sources -a https://ruby.taobao.org

　　　　gem sources -l

　　　　确保只有ruby.taobao.org，接着输入

　　　　gem install sass

　　　　等待一段时间，安装成功。

　　　　ps：可以用sass -v 查看sass是否安装成功。

 

　　4.安装compass

　　　　命令行输入

　　　　gem install compass

　　　　等待一段时间，安装成功。

　　　　ps：可以用compass -v 查看compass是否安装成功。

 

　　5.使用sass

　　　　项目中sass目录下创建两个文件

　　　　base.scss和config.rb

　　　　config.rb配置如下：

# 引入compass
require 'compass/import-once/activate'

# 配置信息
http_path = "/"
css_dir = "../style"
sass_dir = "/"
sourcemap = true
cache = false

# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = false

　　　　ps：配置信息注意路径

 

　　6.使用compass

　　　　在当前目录下（sass目录），Shift + 鼠标右键，选择 "在此处打开命令窗口(W)"。

　　　　输入compass watch

　　　　在项目中style目录下自动创建了两个文件base.css和base.css.map。

　　　　当你修改base.scss文件并保存的时候，base.css文件也相应地改变了。