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

越来越多的前端同学喜欢使用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开发^-^。

NemoAlex

2013-03-25 16:56:30 +08:00

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

WarWithinMe

2013-03-26 10:36:51 +08:00

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

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

oklai

2013-03-26 11:15:15 +08:00

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

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

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

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/63881