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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 4299 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

第 1 条附言 · 2013-03-24 15:50:28 +08:00

截图：

编译

Less

koala

28 条回复 • 1970-01-01 08:00:00 +08:00

sobigfish

2013-03-24 12:11:56 +08:00

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

airyland

2013-03-24 12:39:22 +08:00

赞一下，最近试用一下。

imcj

2013-03-24 12:42:39 +08:00

grunt不好用吗？

Sivan

2013-03-24 13:32:45 +08:00 via iPhone

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

xmagicwu

2013-03-25 16:15:15 +08:00

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

nigelvon

2013-03-25 16:19:11 +08:00

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

subpo

2013-03-25 16:29:43 +08:00

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

jun0205

2013-03-25 16:33:16 +08:00

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

pepsin

2013-03-25 16:40:34 +08:00

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

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

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 的这个功能就不需要，不知道是怎么做的，黑魔法。

xmagicwu

2013-03-25 17:18:32 +08:00

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

imcj

2013-03-25 23:13:36 +08:00

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

YQtaku

2013-03-25 23:28:34 +08:00

sublime全搞定~ 学习stylus ING

RelativeLayout

2013-03-25 23:40:46 +08:00

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

RelativeLayout

2013-03-25 23:41:00 +08:00

不知道是不是个案。

xieren58

2013-03-26 01:24:16 +08:00

grunt 神器～～

FrankFang128

2013-03-26 10:26:59 +08:00

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

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。

yolio2003

2013-03-26 12:27:16 +08:00

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

RelativeLayout

2013-03-26 13:45:11 +08:00

@oklai 软件 OS X 10.8.3 (12D78)

imcj

2013-03-26 16:50:33 +08:00

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

oklai

2013-03-27 22:19:06 +08:00

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

RelativeLayout

2013-03-28 09:32:16 +08:00

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

leohxj

2013-06-05 18:11:46 +08:00

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

leohxj

2013-06-05 22:42:10 +08:00

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

oklai

2013-06-07 13:00:53 +08:00

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

leohxj

2013-06-07 17:44:27 +08:00

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