前端工具HBuilder安裝Sass插件

HBuilder自帶未安裝的less插件，可是sass插件卻沒有，須要本身安裝，步驟以下：

一、安裝sass，參考：

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

二、以下圖，菜單‘工具’下，選擇‘預編譯器設置’→選擇‘.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

 

 

填寫後點擊肯定完成。