koala是(shì)一(yī)個(gè)前端預處理(lǐ)器(qì)語言圖形編譯工(gōng)具
越來(lái)越多(duō)的(de)同學開(kāi)始使用(yòng)less/sass等預處理(lǐ)器(qì)的(de)方式來(lái)編寫CSS與J'avaScript，很(hěn)大(dà)程度上(shàng)提高(gāo)了(le)工(gōng)作(zuò)效果，但(dàn)編譯文(w¥én)件(jiàn)是(shì)個(gè)繁瑣的(de)事(shì)情，使用(yòng)命令行(xíng)的(de)方式操作(zuò)起來(lái)很(hěn)累，目前也(yě)已¶經有(yǒu)一(yī)些(xiē)圖形工(gōng)具，比如(rú)mac下(xià)的(de)codekit, windows下(xi★à)有(yǒu)winLess、simpless等。Codekit是(shì)一(yī)個(gè)很(hěn)棒的(de)工(gōng)具π，它是(shì)一(yī)個(gè)商業(yè)的(de)軟件(jiàn)且隻有(yǒu)Mac版本。而windows下(xià)現(xiàn)有(yǒu)的(de)工(©gōng)具都(dōu)比較簡陋，無法滿足我們日(rì)常開(kāi)發需求。
今天向大(dà)家(jiā)推薦一(yī)個(gè)新工(gōng)具Koala，功能(néng)齊全，跨平台運行(xíng)，同時(shí)還(hái)是(shì)一(yī)個(gè)開↑(kāi)源軟件(jiàn)。
Koala是(shì)什(shén)麽？
koala是(shì)一(yī)個(gè)前端預處理(lǐ)器(qì)語言圖形編譯工(gōng)具，目前已支持Less、Sass、Compass、Coff↓eeScript。
下(xià)載地(dì)址：http://koala-app.com/index-zh.html
功能(néng)特性：
- 多(duō)語言支持：支持less、sass、coffeescript、compass framework；
- 實時(shí)編譯：監聽(tīng)文(wén)件(jiàn)，當文(wén)件(jiàn)改變時(∑shí)自(zì)動執行(xíng)編譯，這(zhè)一(yī)切都(dōu)在後台運行(xíng)，無需人(rén)工(gōng)操作(zu₽ò)；
- 編譯選項：支持自(zì)定義設置各個(gè)語言的(de)編譯選項；
- Import文(wén)件(jiàn)監聽(tīng)：關聯import文(wén)件(jiàn)，如(rú)import文(wén)件(jiàn)改變，源文(wén)件≤(jiàn)将自(zì)動進行(xíng)編譯。
- 代碼壓縮：less & sass支持編譯後自(zì)動壓縮代碼；
- 錯(cuò)誤提示：在編譯時(shí)如(rú)果遇到(dào)語法的(de)錯(cuò)誤，koala将在右下(xià)角彈出錯(cuò)誤信息，方便開(kāi)發者定™位代碼錯(cuò)誤位置；
- 跨平台：windows、linux、mac 完美(měi)運行(xíng)；
如(rú)何使用(yòng)：
使用(yòng)技(jì)巧：
切換為(wèi)中文(wén)語言：打開(kāi)設置窗(chuāng)口，system – locales選擇為(wèi)中文(wén)，重啓後生(shēng)效。
設置全局編譯選項：在設置窗(chuāng)口中勾選各個(gè)編譯選項後，新增加的(de)文(wén)件(jiàn)将應用(yòng)該設置。
批量處理(lǐ)功能(néng)：文(wén)件(jiàn)列表可(kě)進行(xíng)多(duō)文(wén)件(jiàn)選擇，選↓中後打開(kāi)右鍵，可(kě)批量設置輸出目錄與批量編譯文(wén)件(jiàn)。
如(rú)果你(nǐ)在使用(yòng)過程中遇到(dào)問(wèn)題，可(kě)在github上(shàng)向作(zuò)者反饋：https://githuΩb.com/oklai/koala/issues/new