V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
oklai
V2EX  ›  程序员

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

  •  
  •   oklai · 2013-03-24 11:32:39 +08:00 · 15184 次点击
    这是一个创建于 4266 天前的主题,其中的信息可能已经有所发展或是发生改变。
    越来越多的前端同学喜欢使用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
    截图:

    28 条回复    1970-01-01 08:00:00 +08:00
    sobigfish
        1
    sobigfish  
       2013-03-24 12:11:56 +08:00
    进来第一眼找的是compass,还真有, 哈哈 感谢lz
    airyland
        2
    airyland  
       2013-03-24 12:39:22 +08:00
    赞一下,最近试用一下。
    imcj
        3
    imcj  
       2013-03-24 12:42:39 +08:00
    grunt不好用吗?
    Sivan
        4
    Sivan  
       2013-03-24 13:32:45 +08:00 via iPhone
    以前用 CodeKit,现在用 PHPStorm 自带的 File Watchers。
    xmagicwu
        5
    xmagicwu  
       2013-03-25 16:15:15 +08:00
    以前用的winless,现在用koala才知道什么是神器!感谢LZ!
    nigelvon
        6
    nigelvon  
       2013-03-25 16:19:11 +08:00
    @xmagicwu 专门注册了一个号过来捧自己么,这就神器啦,以前用文本编辑器写代码么。
    subpo
        7
    subpo  
       2013-03-25 16:29:43 +08:00
    大赞,希望的功能是在编辑时自动加压解压CSS JS文件^ ^
    jun0205
        8
    jun0205  
       2013-03-25 16:33:16 +08:00
    工具很不错,习惯用sublime text了
    pepsin
        9
    pepsin  
       2013-03-25 16:40:34 +08:00
    巨感谢楼主,帮人做个django的博客,Sass我这调不通,就用CodeKit,想说试用期够使了。

    楼主出了这个就不用考虑试用期了。就是界面太丑,Mac下还是原生那种界面好看。
    NemoAlex
        10
    NemoAlex  
       2013-03-25 16:56:30 +08:00   ❤️ 1
    因为觉得 CodeKit 不够好用,所以一直希望看到类似的新工具,很激动!
    说几点我的感受:
    1. 希望加入 Jade 的支持(表示需要)
    2. 一些状态的实时指示。检测到文件改动,程序能有反馈
    例如在 Mac OS X 的状态栏上加个 icon,工作的时候闪一下这样
    3. 希望能有个地方看日志,软件自动生成或者修改过哪些文件,心里安稳点
    4. 界面方面希望别过多学 CodeKit。CodeKit 其实挺乱的,如果你用它来打开一个比较大的项目目录,就会很想死。几乎无法管理对这些文件的策略——哪些需要转换,哪些不需要——没有一目了然的管理方法。这方面希望能有自己的思路
    5. 还有就是,希望像 CodeKit 一样集成 LiveReload 的功能。LiveReload 需要手动在页面上插入 JS,或者用浏览器扩展。CodeKit 的这个功能就不需要,不知道是怎么做的,黑魔法。
    xmagicwu
        11
    xmagicwu  
       2013-03-25 17:18:32 +08:00
    @nigelvon 呃,请别误会,也许我认为好用的地方跟你不一样,各花入各眼罢了。
    imcj
        12
    imcj  
       2013-03-25 23:13:36 +08:00
    @oklai 你上面的特性,Grunt都支持了,还有你想都想不到的特性。哪东西不是图形界面的。
    YQtaku
        13
    YQtaku  
       2013-03-25 23:28:34 +08:00
    sublime全搞定~ 学习stylus ING
    RelativeLayout
        14
    RelativeLayout  
       2013-03-25 23:40:46 +08:00
    Mountain Lion无法打开。闪一下就不见了。
    RelativeLayout
        15
    RelativeLayout  
       2013-03-25 23:41:00 +08:00
    不知道是不是个案。
    xieren58
        16
    xieren58  
       2013-03-26 01:24:16 +08:00
    grunt 神器~~
    FrankFang128
        17
    FrankFang128  
       2013-03-26 10:26:59 +08:00
    有了PHPStorm/WebStorm 的file watcher ,其他工具都不需要了
    WarWithinMe
        18
    WarWithinMe  
       2013-03-26 10:36:51 +08:00
    @NemoAlex Codekit的自动加载是用了AppleScript,所以不需要插件。LiveReload实际上应该学一下。同意Codekit很混乱,界面其实也很一般,跟hammer app(可惜功能太单一)相比真心没法比,但CK作者略得意的样子。。

    个人感觉,界面真心不要跟CodeKit。要抄就去抄hammer app吧。。
    这种工具如果是比较人性化的话,后期再增加文件,也不需要你的配置,也就没必要打开这个APP的窗口,所以其实重心应该还是在于这个APP如何做到比较人性化。
    oklai
        19
    oklai  
    OP
       2013-03-26 11:15:15 +08:00
    @NemoAlex
    @WarWithinMe
    感谢你们的建议,很有用。我在开发之初就想让koala保持简单,交互方面还可以优化。LiveReload这个功能实现还是不难的,特别是用NodeJS开发,如果需要这个功能的人比较多,后期将会加入它。

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

    @imcj
    Grunt很不错,打包发布的时候使用场景会多一些。这开发的过程中,使用命令行方式编译不是很方便,所以才会去开发GUI。
    yolio2003
        20
    yolio2003  
       2013-03-26 12:27:16 +08:00
    @NemoAlex 我也对黑魔法很感兴趣~~~
    RelativeLayout
        21
    RelativeLayout  
       2013-03-26 13:45:11 +08:00   ❤️ 1
    @oklai 软件 OS X 10.8.3 (12D78)
    imcj
        22
    imcj  
       2013-03-26 16:50:33 +08:00
    @oklal 当初怎么不考虑做Grunt的GUI?
    oklai
        23
    oklai  
    OP
       2013-03-27 22:19:06 +08:00
    @RelativeLayout
    已测试过多个10.8.3版本系统,都没有问题,很奇怪。如果方便能否私聊我,我们可以在线调试下。
    RelativeLayout
        24
    RelativeLayout  
       2013-03-28 09:32:16 +08:00
    @oklai 这是我的邮箱 [email protected]
    leohxj
        25
    leohxj  
       2013-06-05 18:11:46 +08:00
    可以压缩代码么?如果没有,能否添加下这个特性
    leohxj
        26
    leohxj  
       2013-06-05 22:42:10 +08:00
    @oklai 我的意思是多个文件concat然后compress输出的功能。
    oklai
        27
    oklai  
    OP
       2013-06-07 13:00:53 +08:00
    @leohxj 你说的功能已经加入了开发进程中。
    leohxj
        28
    leohxj  
       2013-06-07 17:44:27 +08:00
    @oklai THX,这样Koala就会更加全面了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1324 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 17:43 · PVG 01:43 · LAX 09:43 · JFK 12:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.