新聞資訊

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

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

Koala是什么?

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

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

功能特性:

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

如何使用:

前端預處理器語言圖形編譯工具

使用技巧:

切換為中文語言:打開設置窗口,system – locales選擇為中文,重啟后生效。

設置全局編譯選項:在設置窗口中勾選各個編譯選項后,新增加的文件將應用該設置。

批量處理功能:文件列表可進行多文件選擇,選中后打開右鍵,可批量設置輸出目錄與批量編譯文件。

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