Sublime Text 3編譯Sass - Sublime Text安裝Sass插件

一、首先要安裝sass，安裝流程：

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

二、sublime text安裝Package Control（已經安裝了Package Control的朋友能夠跳過此步驟）。

　　a、sublime text裏按快捷鍵調出控制檯：Ctrl+`

　　b、在控制檯複製Package Control安裝代碼，代碼在Package Control官網獲取：https://packagecontrol.io/installation#Simple

 

三、安裝成功Package Control後，快捷鍵Ctrl+Shift+P，調出Package Control。

四、在面板中輸入install package調出線上sublime插件庫，可能有網速緣由調出時間須要等待一會。

分別安裝sass和sass build插件

五、用Sublime Text 3下新建一個test.scss文件

$color: #369;
body {
background: darken($color, 10%);

}
按Ctrl+B則編譯成功。提示：

[Finished in 1.0s]

六、編譯格式選擇，工具(tools)→編譯方式(build with...)：sass(展開版)和sass - compressed(壓縮版)，編譯快捷鍵：Ctrl+B