新聞資訊

koala是(shì)一(yī)個(gè)前端預處理(l‍₽₽ ǐ)器(qì)語言圖形編譯工(gōng)具

越來(lái)越多(duō)的(de)同∞δ學開(kāi)始使用(yòng)less/sass等預處理(l★₹ǐ)器(qì)的(de)方式來(lái)≈★編寫CSS與JavaScript,很(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ōn£×₹♦g)具,比如(rú)mac下(xià)的(de)codekit, windo∏€★©ws下(xià)有(yǒu)winLess、s↔↔impless等。Codekit是(shì)一(yī)個(g₩​₩​è)很(hěn)棒的(de)工(gōng)具✘€",它是(shì)一(yī)個(gè)商業(yè)'&®的(de)軟件(jiàn)且隻有(yǒu)Mac版本。而win≥©dows下(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)具,目前已支持Le₩γ±ss、Sass、Compass、CoffeeScr♠↕ipt。

下(xià)載地(dì)址:http://koala-app.com/ε"φ€index-zh.html

功能(néng)特性:

  • 多(duō)語言支持:支持less、sass、co₹‌₹​ffeescript、compass framework;
  • 實時(shí)編譯:監聽(tīng)文(w∞Ω¶€én)件(jiàn),當文(wén)件(jiàn)改變時(s✔Ω↔hí)自(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 & sa ‍✘ss支持編譯後自(zì)動壓縮代碼;
  • 錯(cuò)誤提示:在編譯時(shí)如(rú)果遇到(dào)語★β法的(de)錯(cuò)誤,koala将在右下(xià)角彈出錯(÷¶☆cuò)誤信息,方便開(kāi)發者定位代碼錯(cuò)♣↕≈π誤位置;
  • 跨平台:windows、linux、mac 完美(měi)運行(xíng ≠); 

如(rú)何使用(yòng):

前端預處理(lǐ)器(qì)語言圖形編譯工(gō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://github.com/oklai/k↑‍​♥oala/issues/new