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

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

選擇koala的7大理由：

多語言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。

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

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

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

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

跨平臺(tái)：windows、linux、mac都能完美運(yùn)行。

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

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

簡(jiǎn)潔美觀的面板

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

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

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

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

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

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

簡(jiǎn)單的使用步驟

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

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

第三步：?jiǎn)螕粑覀冃枰幾g的文件，出現(xiàn)第四區(qū)域設(shè)置下該文件具體的編譯方式，如果沒什么特別的，直接用默認(rèn)設(shè)置的就ok，如果不需要?jiǎng)討B(tài)編譯，直接勾掉“即時(shí)編譯”那個(gè)checkbox，其余的按照上面說的操作。

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

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

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

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