koala

koala是一個前端預處理器語言圖形編譯工具，支持Less、Sass、Compass、CoffeeScript，幫助web開發(fā)者更高效地使用它們進行開發(fā)。跨平臺運行，完美兼容windows、linux、mac。

Less 等代碼無法直接在瀏覽器中執(zhí)行，最終還是需要編譯成 CSS 或 JS 。它們語法很棒，但是它們的編譯方式卻不夠靈活。官方基本上都是只提供命令行的方式進行文件編譯， less 還可以在頁面中嵌入一個 less.js 進行在線編譯，但這種方法實在是不靠譜。所以大家都喜歡使用圖形界面工具來進行編譯工作，高效快捷。在 koala 開發(fā)之前已經(jīng)有一些工具了，比如 winLess 、 simpless 等，功能都比較單一，且只支持 less 。 還有一些同學折騰編輯器 sublime text 等，但目前還沒有一個很完美的方案。還好，現(xiàn)在有了Koala。

功能特性:

多語言支持：支持Less、Sass、CoffeeScript 和 Compass Framework。

實時編譯：監(jiān)聽文件，當文件改變時自動執(zhí)行編譯，這一切都在后臺運行，無需人工操作。

編譯選項：可以設置各個語言的編譯選項。

代碼壓縮：Less & Sass支持編譯后自動代碼壓縮.

錯誤提示：在編譯時如果遇到語法的錯誤，koala將在右下角彈出錯誤信息，方便開發(fā)者定位代碼錯誤位置。

安裝說明：

Sass編譯功能需要系統(tǒng)已經(jīng)安裝好ruby。需要ruby環(huán)境支持，下載ruby安裝包程序。

如何使用：

第一步：把目錄拖進窗口，或者點擊左上角加號圖標，選擇需要編譯的目錄。添加后，右鍵目錄元素支持更多操作。

第二步：在編輯器中編寫代碼。

第三步：完成！文件保存后，koala會在后臺進行編譯。

如何在Koala中開啟調(diào)試信息參數(shù)：

點擊文件元素，在右側(cè)展開的面板中勾選debug info選項。

常見問題：

如何更改CSS、JS文件輸出目錄？

點擊輸出路徑旁邊的 圖標，或者右鍵文件元素，點擊“更改輸出路徑”，選擇你需要保存的目錄。

如何設置編譯選項？

選中目標文件，在右側(cè)展開的選項面板中設定。點擊“執(zhí)行編譯”將立即執(zhí)行一個編譯。

如何設置默認編譯選項？

打開程序設置面板，可以在里面設置默認編譯選項，確定后立即生效。這樣，后面添加的文件就會使用默認設置了。

如何過濾指定的規(guī)則的文件？

在設置面板中的“過濾文件”選項中設定規(guī)則，支持多個規(guī)則，以英文逗號","分割。 
Example: *.src.less,*.lib.coffee 
這樣，添加文件時，凡是以".src.less"或".lib.coffee"結(jié)尾的文件都不會添加進來。