koala是一個(gè)前端預(yù)處理器語(yǔ)言圖形編譯工具
越來(lái)越多的同學(xué)開(kāi)始使用less/sass等預(yù)處理器的方式來(lái)編寫CSS與JavaScript,很大程度上提高了工作效果,但編譯文件是個(gè)繁瑣的事情,使用命令行的方式操作起來(lái)很累,目前也已經(jīng)有一些圖形工具,比如mac下的codekit, windows下有winLess、simpless等。Codekit是一個(gè)很棒的工具,它是一個(gè)商業(yè)的軟件且只有Mac版本。而windows下現(xiàn)有的工具都比較簡(jiǎn)陋,無(wú)法滿足我們?nèi)粘i_(kāi)發(fā)需求。
今天向大家推薦一個(gè)新工具Koala,功能齊全,跨平臺(tái)運(yùn)行,同時(shí)還是一個(gè)開(kāi)源軟件。
Koala是什么?
koala是一個(gè)前端預(yù)處理器語(yǔ)言圖形編譯工具,目前已支持Less、Sass、Compass、CoffeeScript。
下載地址:http://koala-app.com/index-zh.html
功能特性:
- 多語(yǔ)言支持:支持less、sass、coffeescript、compass framework;
- 實(shí)時(shí)編譯:監(jiān)聽(tīng)文件,當(dāng)文件改變時(shí)自動(dòng)執(zhí)行編譯,這一切都在后臺(tái)運(yùn)行,無(wú)需人工操作;
- 編譯選項(xiàng):支持自定義設(shè)置各個(gè)語(yǔ)言的編譯選項(xiàng);
- Import文件監(jiān)聽(tīng):關(guān)聯(lián)import文件,如import文件改變,源文件將自動(dòng)進(jìn)行編譯。
- 代碼壓縮:less & sass支持編譯后自動(dòng)壓縮代碼;
- 錯(cuò)誤提示:在編譯時(shí)如果遇到語(yǔ)法的錯(cuò)誤,koala將在右下角彈出錯(cuò)誤信息,方便開(kāi)發(fā)者定位代碼錯(cuò)誤位置;
- 跨平臺(tái):windows、linux、mac 完美運(yùn)行;
如何使用:
使用技巧:
切換為中文語(yǔ)言:打開(kāi)設(shè)置窗口,system – locales選擇為中文,重啟后生效。
設(shè)置全局編譯選項(xiàng):在設(shè)置窗口中勾選各個(gè)編譯選項(xiàng)后,新增加的文件將應(yīng)用該設(shè)置。
批量處理功能:文件列表可進(jìn)行多文件選擇,選中后打開(kāi)右鍵,可批量設(shè)置輸出目錄與批量編譯文件。
如果你在使用過(guò)程中遇到問(wèn)題,可在github上向作者反饋:https://github.com/oklai/koala/issues/new