新聞資訊

koala是一個前端預(yù)處理器語言圖形編譯工具

by DareWe

越來越多的同學(xué)開始使用less/sass等預(yù)處理器的方式來編寫CSS與JavaScript，很大程度上提高了工作效果，但編譯文件是個繁瑣的事情，使用命令行的方式操作起來很累，目前也已經(jīng)有一些圖形工具，比如mac下的codekit, windows下有winLess、simpless等。Codekit是一個很棒的工具，它是一個商業(yè)的軟件且只有Mac版本。而windows下現(xiàn)有的工具都比較簡陋，無法滿足我們?nèi)粘ｉ_發(fā)需求。
今天向大家推薦一個新工具Koala，功能齊全，跨平臺運(yùn)行，同時還是一個開源軟件。

Koala是什么？

koala是一個前端預(yù)處理器語言圖形編譯工具，目前已支持Less、Sass、Compass、CoffeeScript。

下載地址：http://koala-app.com/index-zh.html

功能特性：

• 多語言支持：支持less、sass、coffeescript、compass framework；
• 實(shí)時編譯：監(jiān)聽文件，當(dāng)文件改變時自動執(zhí)行編譯，這一切都在后臺運(yùn)行，無需人工操作；
• 編譯選項(xiàng)：支持自定義設(shè)置各個語言的編譯選項(xiàng)；
• Import文件監(jiān)聽：關(guān)聯(lián)import文件，如import文件改變，源文件將自動進(jìn)行編譯。
• 代碼壓縮：less & sass支持編譯后自動壓縮代碼；
• 錯誤提示：在編譯時如果遇到語法的錯誤，koala將在右下角彈出錯誤信息，方便開發(fā)者定位代碼錯誤位置；
• 跨平臺：windows、linux、mac 完美運(yùn)行； 

如何使用：

使用技巧：

切換為中文語言：打開設(shè)置窗口，system – locales選擇為中文，重啟后生效。

設(shè)置全局編譯選項(xiàng)：在設(shè)置窗口中勾選各個編譯選項(xiàng)后，新增加的文件將應(yīng)用該設(shè)置。

批量處理功能：文件列表可進(jìn)行多文件選擇，選中后打開右鍵，可批量設(shè)置輸出目錄與批量編譯文件。

如果你在使用過程中遇到問題，可在github上向作者反饋：https://github.com/oklai/koala/issues/new