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

圖1-1

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