---------------------------------Ruby安装--------------------------------
1.先下载一个ruby的安装文件:文件名可以搜索:rubyinstaller-2.3.1-x64
如图:
2.建议装到c盘(这里记住你的安装地址,后期有用)
3.勾选中间的path

然后就一路"南下”,直到看到finish
4.win7系统的在左下角输入start,定位到Start Command Prompt with Ruby面板并调出

5.命令行里输入:ruby -v
查看是否安装成功(注意ruby和横线之间有个空格,不然不行。也可直接复制文中文字,然后右击命令行来粘贴,直接cc+cv不行)

如图,出现版本号就八九不离十了、、、
6.命令行输入: get install sass 来安装sass

报了个乱七八糟的错
7.(没报错就跳过步骤7,8,9)
用来卸载镜像
提示:
8.再安装镜像
提示:
9.再次安装sass
命令行里输入:gem install sass

100%完成了
------------------------------------------------------HBuilder 中 预编译器配置------------------------------------------------------
1.HBuilder中,“工具”-“预编译器配置”

2.新建规则

3.填写信息,分别是:
.sass,.scss
D:\Ruby23-x64\bin\sass.bat或C盘路径,看你前期ruby装到哪里
–no-cache %FileName% ../css/%FileBaseName%.css或–no-cache %FileName% ../css/%FileBaseName%.css –style compact

------------------------------------------------------其他教程文链接------------------------------------------------------
HBuilder中配置预编辑器
Sass安装
其他相关文章
2017-07-07 19:27:10
SASS环境搭建及HBuilder中sass预编译配置
原文:http://www.cnblogs.com/padding1015/p/7133811.html