如果你正在使用sass婿牍、less或coffee，而沒有注意到koala惩歉，那說明你可能已經(jīng)好久沒有更新你的知識庫了等脂。koala這個由國人編寫的，用于編譯sass撑蚌、less上遥、coffee利器，在最近的短短幾個月曝光率不亞于任何其他的技術(shù)争涌。當(dāng)然這跟其作者的辛勤勞動粉楚，讓其更強(qiáng)更優(yōu)秀有很大關(guān)系。在此先感謝koala的作者們，感謝你們給我們帶來這么棒的免費(fèi)工具模软。

其實(shí)編譯工具有很多伟骨，我本人就各種免費(fèi)的編譯sass的工具都試過，一般都是不了了之燃异，要么功能有限携狭，要么編譯速度不敢恭維，直到一個偶然的機(jī)會遇到koala回俐，才停止搜索腳步逛腿，穩(wěn)定使用它，現(xiàn)在它已經(jīng)是我開機(jī)必備工具之一鲫剿。下面我將以我自己的實(shí)際經(jīng)驗(yàn)鳄逾，簡單介紹下koala。

選擇koala的7大理由：

多語言支持：支持Less灵莲、Sass雕凹、CoffeeScript 和 Compass Framework。

實(shí)時編譯：監(jiān)聽文件政冻，當(dāng)文件改變時自動執(zhí)行編譯枚抵，這一切都在后臺運(yùn)行，無需人工操作明场。

編譯選項(xiàng)：既可統(tǒng)一設(shè)置文件的編譯選項(xiàng)汽摹，也可單獨(dú)設(shè)置某個文件的編譯選項(xiàng)。

強(qiáng)大的文件右鍵功能：右鍵文件元素苦锨，即可操作打開文件逼泣，打開文件目錄，打開輸出文件目錄舟舒，設(shè)置輸出文件目錄拉庶，編譯，刪除六大常用功能秃励。

錯誤提示：在編譯時如果遇到語法的錯誤氏仗，koala將在右下角彈出錯誤信息，方便開發(fā)者定位代碼錯誤位置夺鲜。

跨平臺：windows皆尔、linux、mac都能完美運(yùn)行币励。

免費(fèi)且負(fù)責(zé)：koala完全免費(fèi)慷蠕，而且作者很負(fù)責(zé)，有什么問題作者都會及時給予答復(fù)榄审，意見什么的可以直接提交給作者砌们，一般在下一個版本就能得到解決。

了解了它的優(yōu)點(diǎn)之后，我們來熟悉下它的界面浪感，這個其實(shí)也是我選擇它的一個原因昔头。

簡潔美觀的面板

上面四個數(shù)字分別對應(yīng)四個區(qū)域：

第一區(qū)域：第一個按鈕用于添加項(xiàng)目，第二個按鈕打開編譯文件的錯誤提示影兽，第三個按鈕設(shè)置koala揭斧，里面可以設(shè)置所有文件默認(rèn)的編譯輸出方式，需要過濾的文件峻堰，界面語言（中文/英文）等讹开。當(dāng)然這里也包括目前koala的版本號及作者等信息。

第二區(qū)域：project區(qū)域捐名，可以直接把項(xiàng)目拖進(jìn)該區(qū)域

第三區(qū)域：需編譯的文件列表旦万，默認(rèn)以下劃線開頭的文件不出現(xiàn)列表中，綠色表示動態(tài)編譯的文件镶蹋，灰色表示非動態(tài)編譯成艘。單擊相應(yīng)的文件，出現(xiàn)第四個區(qū)塊贺归，設(shè)置文件編譯的選項(xiàng)淆两。如果你的文件是后添加的那么請點(diǎn)擊上面的refresh按鈕刷新需要編譯的文件，當(dāng)然也可以通過下面的幾個all/less/sass/coffee來過濾自己要編譯的文件拂酣。

第四區(qū)域：設(shè)置文件編譯的選項(xiàng)秋冰，這個區(qū)域得選中第三個區(qū)域的某個需要編譯的文件才會出現(xiàn)。以sass為例婶熬，第一個選項(xiàng)表示是否啟用動態(tài)編譯剑勾；第二組表示是否啟用這四個功能，我這邊為了方便調(diào)試所以啟用debug info赵颅，當(dāng)然如果你使用compass那就得啟用compass甥材；第三組表示輸出的css格式，分為四種：nested性含，compressed，compact鸳惯，expanded商蕴；最后一個compile按鈕可以手動編譯。

既然熟悉了界面芝发，我們就實(shí)際使用下吧绪商，步驟走起：

簡單的使用步驟

第一步：首先點(diǎn)擊我們第一區(qū)域的那個齒輪按鈕，設(shè)置下默認(rèn)文件的編譯方式辅鲸，并把界面語言設(shè)置為中文格郁。

第二步：添加我們要編譯的項(xiàng)目文件，可通過第一區(qū)域的加號那個按鈕添加，也可以直接將項(xiàng)目拖到第二個project區(qū)域例书。

第三步：單擊我們需要編譯的文件锣尉，出現(xiàn)第四區(qū)域設(shè)置下該文件具體的編譯方式，如果沒什么特別的决采，直接用默認(rèn)設(shè)置的就ok自沧，如果不需要動態(tài)編譯，直接勾掉“即時編譯”那個checkbox树瞭，其余的按照上面說的操作拇厢。

第四步：右鍵單擊需要編譯的文件，出現(xiàn)我們常用的幾個操作：打開文件晒喷，打開文件目錄孝偎，打開輸出文件目錄，設(shè)置輸出文件目錄凉敲，編譯衣盾，刪除。一般這里我們需要設(shè)置下我們輸出文件的目錄荡陷。

第五步：如果你的文件既有l(wèi)ess雨效，sass還有coffee，那么就最好有必須點(diǎn)擊下面的過濾條件废赞，選擇你要動態(tài)編譯的文件徽龟，不然一鍋煮頭都大了。

教程走完唉地，好了据悔，就這么簡單，沒什么復(fù)雜的耘沼，自己動手試試吧极颓。如果你有什么問題可以直接聯(lián)系koala的作者@OKLain，或者加入koala的qq群229098395

http://www.w3cplus.com/blog/777.html