Hbuilder中SASS/SCSS的配置

说明：SASS是CSS的扩展语言，使得CSS更强大，后期发展为SCSS。
1、SASS的使用：SASS依赖于Ruby，因此要安装Ruby。下载地址https://rubyinstaller.org/downloads/
2、SASS安装完成后，接下来在Hbuilder中配置sass环境：
(1)打开工具栏–>预编译器设置–>找到.sass,.scss，若没有可以自己新建一个。

(2)点击编辑：
触发命令地址是自己ruby安装目录下的bin文件里面的sass.bat路径
命令参数：--no-cache %FileName% %FileBaseName%.css
点击确定后，配置就完成了。

(3）下面让我们来做测试吧。
可在任意目录下新建一个test.scss文件

保存之后会自动生成test.css与test.css.map。

到这里就可以开始SASS的学习了。

最后补充说一点
注意到生成的test.css的结束花括弧和border在同一行上