前端工具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

 

 

填寫后點擊確定完成。