---------------------------------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）

命令行输入：gem sources --remove https://rubygems.org/

用来卸载镜像

提示：

8.再安装镜像

命令行输入：gem sources -a http://gems.ruby-china.org/

提示：

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预编译配置