前端工具HBuilder安装Sass插件

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

HBuilder自带未安装的less插件，但是sass插件却没有，需要自己安装，步骤如下：

1、安装sass，参考：

http://www.w3cplus.com/sassguide/install.html

2、如下图，菜单‘工具’下，选择‘预编译器设置’→选择‘.sass,.scss’，点击编辑，弹出对话框：

a、文件后缀不变，为：.sass,.scss

b、触发命令地址填写sass的安装路径，如：我的本机sass路径为：d:\Ruby22\bin\sass.bat

c、命令参数：

--no-cache %FileName% ../css/%FileBaseName%.css --style compact

其中最后的compact是编译格式，有4种格式：nested expanded compact compressed

填写后点击确定完成。