前端工具推荐-Koala，支持Less、Sass、CoffeeScript编译。

[oklai]

越来越多的前端同学喜欢使用Less、Sass等预处理形式来编写CSS与JavaScript.这些语言确实很棒，大大提高工作效率，语法风格也很受Geek们青睐。
我也是一个Less重度使用者，之前一直用winLess编译less文件。
less编译工具比较多人使用的有winless、simpless、codekit。
前两个功能都很单一,winLess的UI确实是丑了一些。codekit是个很棒的工具，卖25刀，并且mac only。
出于codekit的启示，我就想开发一个跨平台并且支持多种语言，最重要还是开源的工具。独乐乐不如众乐乐嘛。
于是就有——Koala。

Koala是什么？

koala是一款桌面图形应用，支持less、sass、coffeescript即时编译，帮助web开发者更高效地使用less、sass、coffeescript进行开发。

比上面说的好在哪里？

UI漂亮，开源免费。

功能特性有哪些？

多语言支持：支持less、sass、coffeescript 和 compass framework。
实时编译：监听文件，当文件改变时自动执行编译，这一切都在后台运行，无需人工操作。
编译选项：可以设置各个语言的编译选项。
代码压缩：less & sass支持编译后自动代码压缩.
错误提示：在编译时如果遇到语法的错误，koala将在右下角弹出错误信息，方便开发者定位代码错误位置。
跨平台：windows、linux、mac都能完美运行。



项目主页：http://koala-app.com/index-zh.html

Koala源代码托管在Github上：https://github.com/oklai/koala


未来可能加入的功能？
Jade & Haml 编译、CSS & JS 压缩、JPG ＆ PNG 图片压缩？

欢迎有兴趣的同学参与Koala开发^-^。

截图：

[run2]

进来第一眼找的是compass，还真有， 哈哈 感谢lz

[airyland]

赞一下，最近试用一下。

[imcj]

grunt不好用吗？

[Sivan]

以前用 CodeKit，现在用 PHPStorm 自带的 File Watchers。

[xmagicwu]

以前用的winless，现在用koala才知道什么是神器！感谢LZ！

[nigelvon]

@xmagicwu 专门注册了一个号过来捧自己么，这就神器啦，以前用文本编辑器写代码么。

[subpo]

大赞，希望的功能是在编辑时自动加压解压CSS JS文件^ ^

[xAI]

工具很不错，习惯用sublime text了

[pepsin]

巨感谢楼主，帮人做个django的博客，Sass我这调不通，就用CodeKit，想说试用期够使了。

楼主出了这个就不用考虑试用期了。就是界面太丑，Mac下还是原生那种界面好看。

[NemoAlex]

因为觉得 CodeKit 不够好用，所以一直希望看到类似的新工具，很激动！
说几点我的感受：
1. 希望加入 Jade 的支持（表示需要）
2. 一些状态的实时指示。检测到文件改动，程序能有反馈
例如在 Mac OS X 的状态栏上加个 icon，工作的时候闪一下这样
3. 希望能有个地方看日志，软件自动生成或者修改过哪些文件，心里安稳点
4. 界面方面希望别过多学 CodeKit。CodeKit 其实挺乱的，如果你用它来打开一个比较大的项目目录，就会很想死。几乎无法管理对这些文件的策略——哪些需要转换，哪些不需要——没有一目了然的管理方法。这方面希望能有自己的思路
5. 还有就是，希望像 CodeKit 一样集成 LiveReload 的功能。LiveReload 需要手动在页面上插入 JS，或者用浏览器扩展。CodeKit 的这个功能就不需要，不知道是怎么做的，黑魔法。

[xmagicwu]

@nigelvon 呃，请别误会，也许我认为好用的地方跟你不一样，各花入各眼罢了。

[imcj]

@oklai 你上面的特性，Grunt都支持了，还有你想都想不到的特性。哪东西不是图形界面的。

[YQtaku]

sublime全搞定~ 学习stylus ING

[RelativeLayout]

Mountain Lion无法打开。闪一下就不见了。

[RelativeLayout]

不知道是不是个案。

[xieren58]

grunt 神器～～

[FrankFang128]

有了PHPStorm/WebStorm 的file watcher ，其他工具都不需要了

[WarWithinMe]

@NemoAlex Codekit的自动加载是用了AppleScript，所以不需要插件。LiveReload实际上应该学一下。同意Codekit很混乱，界面其实也很一般，跟hammer app（可惜功能太单一）相比真心没法比，但CK作者略得意的样子。。

个人感觉，界面真心不要跟CodeKit。要抄就去抄hammer app吧。。
这种工具如果是比较人性化的话，后期再增加文件，也不需要你的配置，也就没必要打开这个APP的窗口，所以其实重心应该还是在于这个APP如何做到比较人性化。

[oklai]

@NemoAlex
@WarWithinMe
感谢你们的建议，很有用。我在开发之初就想让koala保持简单，交互方面还可以优化。LiveReload这个功能实现还是不难的，特别是用NodeJS开发，如果需要这个功能的人比较多，后期将会加入它。

@RelativeLayout
有人也出现过这个问题，能提供下你的系统版本吗？

@imcj
Grunt很不错，打包发布的时候使用场景会多一些。这开发的过程中，使用命令行方式编译不是很方便，所以才会去开发GUI。

[yolio2003]

@NemoAlex 我也对黑魔法很感兴趣~~~

[RelativeLayout]

@oklai 软件 OS X 10.8.3 (12D78)

[imcj]

@oklal 当初怎么不考虑做Grunt的GUI？

[oklai]

@RelativeLayout
已测试过多个10.8.3版本系统，都没有问题，很奇怪。如果方便能否私聊我，我们可以在线调试下。

[RelativeLayout]

@oklai 这是我的邮箱 [email protected]

[leohxj]

可以压缩代码么？如果没有，能否添加下这个特性

[leohxj]

@oklai 我的意思是多个文件concat然后compress输出的功能。

[oklai]

@leohxj 你说的功能已经加入了开发进程中。

[leohxj]

@oklai THX，这样Koala就会更加全面了。