Koala編譯工具是一款支持LESS/Sass/Compass/CoffeeScript的編譯工具，也稱(chēng)前端預(yù)處理器語(yǔ)言圖形編譯工具，它支持跨三平臺(tái)運(yùn)行，幫助web開(kāi)發(fā)者更高效地使用它們進(jìn)行開(kāi)發(fā)。

【為什么選擇Koala】

　　Less 等代碼無(wú)法直接在瀏覽器中執(zhí)行，最終還是需要編譯成 CSS 或 JS 。它們語(yǔ)法很棒，但是它們的編譯方式卻不夠靈活。官方基本上都是只提供命令行的方式進(jìn)行文件編譯， less 還可以在頁(yè)面中嵌入一個(gè) less.js 進(jìn)行在線(xiàn)編譯，但這種方法實(shí)在是不靠譜。

【功能特色】

　　多語(yǔ)言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。

　　實(shí)時(shí)編譯：監(jiān)聽(tīng)文件，當(dāng)文件改變時(shí)自動(dòng)執(zhí)行編譯，這一切都在后臺(tái)運(yùn)行，無(wú)需人工操作。

　　編譯選項(xiàng)：可以設(shè)置各個(gè)語(yǔ)言的編譯選項(xiàng)。

　　代碼壓縮：Less & Sass支持編譯后自動(dòng)代碼壓縮.

　　錯(cuò)誤提示：在編譯時(shí)如果遇到語(yǔ)法的錯(cuò)誤，koala將在右下角彈出錯(cuò)誤信息，方便開(kāi)發(fā)者定位代碼錯(cuò)誤位置。

【使用指南】

　　第一步：把目錄拖進(jìn)窗口，或者點(diǎn)擊左上角加號(hào)圖標(biāo)，選擇需要編譯的目錄。添加后，右鍵目錄元素支持更多操作。

　　第二步：在編輯器中編寫(xiě)代碼。

　　第三步：完成！文件保存后，koala會(huì)在后臺(tái)進(jìn)行編譯。

　　如何在Koala中開(kāi)啟調(diào)試信息參數(shù)：

　　點(diǎn)擊文件元素，在右側(cè)展開(kāi)的面板中勾選debug info選項(xiàng)。

【常見(jiàn)問(wèn)題】

　　如何更改CSS、JS文件輸出目錄？

　　點(diǎn)擊輸出路徑旁邊的 圖標(biāo)，或者右鍵文件元素，點(diǎn)擊“更改輸出路徑”，選擇你需要保存的目錄。

　　如何設(shè)置編譯選項(xiàng)？

　　選中目標(biāo)文件，在右側(cè)展開(kāi)的選項(xiàng)面板中設(shè)定。點(diǎn)擊“執(zhí)行編譯”將立即執(zhí)行一個(gè)編譯。

　　如何設(shè)置默認(rèn)編譯選項(xiàng)？

　　打開(kāi)程序設(shè)置面板，可以在里面設(shè)置默認(rèn)編譯選項(xiàng)，確定后立即生效。這樣，后面添加的文件就會(huì)使用默認(rèn)設(shè)置了。

　　如何過(guò)濾指定的規(guī)則的文件？

　　在設(shè)置面板中的“過(guò)濾文件”選項(xiàng)中設(shè)定規(guī)則，支持多個(gè)規(guī)則，以英文逗號(hào)","分割。

　　Example: *.src.less,*.lib.coffee

　　這樣，添加文件時(shí)，凡是以".src.less"或".lib.coffee"結(jié)尾的文件都不會(huì)添加進(jìn)來(lái)。