新聞資訊

koala是(shì)一(yī / yì /yí)個(gè)前端預處理器語言圖形編譯工具

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

Koala是(shì)什麽?

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

下載地(dì / de)址:http://koala-app.com/index-zh.html

功能特性:

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

如何使用:

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

使用技巧:

切換爲(wéi / wèi)中文語言:打開設置窗口,system – locales選擇爲(wéi / wèi)中文,重啓後生效。

設置全局編譯選項:在(zài)設置窗口中勾選各個(gè)編譯選項後,新增加的(de)文件将應用該設置。

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

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