Less 等代碼無法直接在瀏覽器中執行,最終還是需要編譯成 CSS 或 JS 。它們語法很棒,但是它們的編譯方式卻不夠靈活。官方基本上都是只提供命令行的方式進行文件編譯, less 還可以在頁面中嵌入一個 less.js 進行在線編譯,但這種方法實在是不靠譜。所以大家都喜歡使用圖形界面工具來進行編譯工作,高效快捷。在 koala 開發之前已經有一些工具了,比如 winLess 、 simpless 等,功能都比較單一,且只支持 less 。 還有一些同學折騰編輯器 sublime text 等,但目前還沒有一個很完美的方案。還好,現在有了Koala。
功能特性:
多語言支持:支持Less、Sass、CoffeeScript 和 Compass Framework。
實時編譯:監聽文件,當文件改變時自動執行編譯,這一切都在后臺運行,無需人工操作。
編譯選項:可以設置各個語言的編譯選項。
代碼壓縮:Less & Sass支持編譯后自動代碼壓縮.
錯誤提示:在編譯時如果遇到語法的錯誤,koala將在右下角彈出錯誤信息,方便開發者定位代碼錯誤位置。
安裝說明:
Sass編譯功能需要系統已經安裝好ruby。需要ruby環境支持,下載ruby安裝包程序。
如何使用:
第一步:把目錄拖進窗口,或者點擊左上角加號圖標,選擇需要編譯的目錄。添加后,右鍵目錄元素支持更多操作。
第二步:在編輯器中編寫代碼。
第三步:完成!文件保存后,koala會在后臺進行編譯。
如何在Koala中開啟調試信息參數:
點擊文件元素,在右側展開的面板中勾選debug info選項。
常見問題:
如何更改CSS、JS文件輸出目錄?
點擊輸出路徑旁邊的 圖標,或者右鍵文件元素,點擊“更改輸出路徑”,選擇你需要保存的目錄。
如何設置編譯選項?
選中目標文件,在右側展開的選項面板中設定。點擊“執行編譯”將立即執行一個編譯。
如何設置默認編譯選項?
打開程序設置面板,可以在里面設置默認編譯選項,確定后立即生效。這樣,后面添加的文件就會使用默認設置了。
如何過濾指定的規則的文件?
在設置面板中的“過濾文件”選項中設定規則,支持多個規則,以英文逗號","分割。
Example: *.src.less,*.lib.coffee
這樣,添加文件時,凡是以".src.less"或".lib.coffee"結尾的文件都不會添加進來。
您的評論需要經過審核才能顯示
有用
有用
有用