应用简介
Koala编译工具是一款支持LESS/Sass/Compass/CoffeeScript的编译工具,也称前端预处理器语言图形编译工具,它支持跨三平台运行,帮助web开发者更高效地使用它们进行开发。
【为什么选择Koala】
Less 等代码无法直接在浏览器中执行,最终还是需要编译成 CSS 或 JS 。它们语法很棒,但是它们的编译方式却不够灵活。官方基本上都是只提供命令行的方式进行文件编译, less 还可以在页面中嵌入一个 less.js 进行在线编译,但这种方法实在是不靠谱。
【功能特色】
多语言支持:支持Less、Sass、CoffeeScript 和 Compass Framework。
实时编译:监听文件,当文件改变时自动执行编译,这一切都在后台运行,无需人工操作。
编译选项:可以设置各个语言的编译选项。
代码压缩:Less & Sass支持编译后自动代码压缩.
错误提示:在编译时如果遇到语法的错误,koala将在右下角弹出错误信息,方便开发者定位代码错误位置。
【使用指南】
第一步:把目录拖进窗口,或者点击左上角加号图标,选择需要编译的目录。添加后,右键目录元素支持更多操作。
第二步:在编辑器中编写代码。
第三步:完成!文件保存后,koala会在后台进行编译。
如何在Koala中开启调试信息参数:
点击文件元素,在右侧展开的面板中勾选debug info选项。
【常见问题】
如何更改CSS、JS文件输出目录?
点击输出路径旁边的 图标,或者右键文件元素,点击“更改输出路径”,选择你需要保存的目录。
如何设置编译选项?
选中目标文件,在右侧展开的选项面板中设定。点击“执行编译”将立即执行一个编译。
如何设置默认编译选项?
打开程序设置面板,可以在里面设置默认编译选项,确定后立即生效。这样,后面添加的文件就会使用默认设置了。
如何过滤指定的规则的文件?
在设置面板中的“过滤文件”选项中设定规则,支持多个规则,以英文逗号","分割。
Example: *.src.less,*.lib.coffee
这样,添加文件时,凡是以".src.less"或".lib.coffee"结尾的文件都不会添加进来。