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

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

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

2、sublime text安裝Package Control（已經安裝了Package Control的朋友可以跳過此步驟）。

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

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

 

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

4、在面板中輸入install package調出線上sublime插件庫，可能有網速原因調出時間需要等待一會。

分別安裝sass和sass build插件

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

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

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

[Finished in 1.0s]

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