新聞資(zī)訊

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

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

Koala是什麽?

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

下(xià)載地址:http://koala-app.com/index-zh.html

功能特性:

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

如何使用:

前端預處理器語言圖形編譯工(gōng)具

使用技巧:

切換爲中(zhōng)文語言:打開(kāi)設置窗口,system – locales選擇爲中(zhōng)文,重啓後生(shēng)效。

設置全局編譯選項:在設置窗口中(zhōng)勾選各個編譯選項後,新增加的文件将應用該設置。

批量處理功能:文件列表可進行多文件選擇,選中(zhōng)後打開(kāi)右鍵,可批量設置輸出目錄與批量編譯文件。

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