前端工具推荐-Koala,支持Less、Sass、CoffeeScript编译。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
oklai
V2EX    程序员

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

  •  
  •   oklai 2013-03-24 11:32:39 +08:00 15677 次点击
    这是一个创建于 4639 天前的主题,其中的信息可能已经有所发展或是发生改变。
    越来越多的前端同学喜欢使用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
    run2
        1
    run2  
       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
    nielvon  
       2013-03-25 16:19:11 +08:00
    @xmagicwu 专门注册了一个号过来捧自己么,这就神器啦,以前用文本编辑器写代码么。
    subpo
        7
    subpo  
       2013-03-25 16:29:43 +08:00
    大赞,希望的功能是在编辑时自动加压解压CSS JS文件^ ^
    xAI
        8
    xAI  
       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     Solana     2279 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 00:23 PVG 08:23 LAX 16:23 JFK 19:23
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86