一、SASS調試插件的方法
如需調試功能，請在編譯輸出的時候輸出debug信息，那樣解析的css文件中就會包含debug信息，然后通過firebug或谷歌的調試工具就可以定位到我們編輯的scss文件，而不是解析后的css文件。
如果光做好SASS的準備工作還不夠，還需要讓瀏覽器支持SASS。那么就需要一個瀏覽器的插件才能讓瀏覽器識別SASS，從而方便開發(fā)人員進行開發(fā)。
如需調試功能，請在編譯輸出的時候輸出debug信息，那樣解析的css文件中就會包含debug信息，然后通過firebug或谷歌的調試工具就可以定位到我們編輯的scss文件，而不是解析后的css文件。(如圖1-1)

圖1-1

如果你的css文件中沒有以@media -sass-debug-info開頭的代碼，說明沒有輸出debug信息。請重新使用koala工具編譯你的scss文件，并確定已經勾選了debug信息這個選項。
在火狐中調試，只需要再下載FireSass→即可。
二、編譯工具koala的安裝
1、進入頁面
2、根據系統(tǒng)下載所需要的koala的版本
3、然后在下載文件夾中安裝下載的EXE文件，即可安裝成功
三、編譯工具koala的優(yōu)點
1、多語言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。
2、實時編譯：監(jiān)聽文件，當文件改變時自動執(zhí)行編譯，這一切都在后臺運行，無需人工操作。
3、編譯選項：既可統(tǒng)一設置文件的編譯選項，也可單獨設置某個文件的編譯選項。
4、強大的文件右鍵功能：右鍵文件元素，即可操作打開文件，打開文件目錄，打開輸出文件目錄，設置輸出文件目錄，編譯，刪除六大常用功能。
5、錯誤提示：在編譯時如果遇到語法的錯誤，koala將在右下角彈出錯誤信息，方便開發(fā)者定位代碼錯誤位置。
6、跨平臺：windows、linux、mac都能完美運行。
7、免費且負責：koala完全免費，而且作者很負責，有什么問題作者都會及時給予答復，意見什么的可以直接提交給作者，一般在下一個版本就能得到解決。