前端神器 Takana - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
P233
2D
V2EX    分享发现

前端神器 Takana

  •  
  •   P233 2013-10-07 15:28:30 +08:00 5898 次点击
    这是一个创建于 4438 天前的主题,其中的信息可能已经有所发展或是发生改变。
    SCSS,LESS,CSS 实时更新(change as you type),可用在 rails node.js 等几乎任何项目中,没有比这更 handy 的工具了 :)

    目前还在内测中,不过很快会开始公开测试

    http://usetakana.com/

    19 条回复    1970-01-01 08:00:00 +08:00
    jjgod
        1
    jjgod  
       2013-10-07 16:57:26 +08:00
    前几天看这个网站不是还要收费 $199 来着?免费而且开源的替代方案有 Emmet LiveStyle: http://livestyle.emmet.io
    yanwen
        2
    yanwen  
       2013-10-07 16:57:40 +08:00
    给个下载地址?
    P233
        3
    P233  
    OP
       2013-10-07 17:02:17 +08:00   1
    @jjgod 前几天是 $19,后来去掉了, Emmet livestyle 暂时不支持 Sass 与 LESS 而且也不是免费的,会收费

    @yanwen 很快会公开测试的,抱歉了 :(
    jalen
        4
    jalen  
       2013-10-07 17:07:56 +08:00
    @P233 请问右边是sublim吧..
    P233
        5
    P233  
    OP
       2013-10-07 17:11:43 +08:00
    @jalen 是的 :)
    yanwen
        6
    yanwen  
       2013-10-07 17:20:03 +08:00
    之前用鸽子的工具。。自动更新的 css、HTML也更新。不错。。不过不支持xp。。只支持win7 以上的系统共。。
    P233
        7
    P233  
    OP
       2013-10-07 17:33:58 +08:00
    @yanwen 一直很期待 Sass 的时时更新(不是保存更新)的工具,现在终于遇到了。我相信这个工具能够节省不少时间所以忍不住要推荐。不过目前还有很多 bug,比如编译 LESS 变量时自动退出,按钮失效等等。作者也很勤奋周六半夜提交 bug,周日中午就解决了,相信版本稳定了会很快放出公开测试的 :)
    binux
        8
    binux  
       2013-10-07 18:35:29 +08:00
    Takana 也能双向同步?
    P233
        9
    P233  
    OP
       2013-10-07 18:51:44 +08:00
    @binux developer tool 中修改后自动存入 CSS 文件吗?应该不支持
    KiseXu
        10
    KiseXu  
       2013-10-07 21:46:02 +08:00
    我目前使用的解决方案是koala(解析less生成css)+ chrome扩展smartF5(实时刷新html和css)
    P233
        11
    P233  
    OP
       2013-10-07 22:05:54 +08:00
    @KiseXu Koala 是个好工具 :)
    learnshare
        12
    learnshare  
       2013-10-07 22:49:48 +08:00
    前几天尝试过 LiveReload,也提供了自动编译功能:https://github.com/mockko/livereload 支持 LESS, SASS, Compass, Stylus, CoffeeScript, IcedCoffeeScript, Eco, SLIM, HAML, Jade (还有没见过的东西)
    yolio2003
        13
    yolio2003  
       2013-10-08 09:49:55 +08:00
    Kabie
        14
    Kabie  
       2013-10-08 12:23:53 +08:00
    怎么比直接watch快这么多……
    P233
        15
    P233  
    OP
       2013-10-08 14:54:34 +08:00
    @yolio2003 Prepros 这玩意是抄的 Koala,只是前者的开发速度与推广力度都比后者着急,在 twitter 问过 Prepros 作者是否抄袭,作者回复打了个太极,一分钟后就删除了...

    @learnshare
    @Kabie
    怕跟“实时更新”搞错了,改个名字叫“瞬时更新”,改变任何一个字符都会更新一次样式,也是因为这个原因 Takana 放弃支持 Compass,速度跟不上。习惯后会知道 cmd+S 也是一件多余的事情,省下的时间与提高的效率比想象中多得多,只是忘记保存就悲剧了。

    另一件很重要的事情是,可以用在 Rails Node.js 项目中,这些往往不需要编译 CSS,能够做到在 SCSS LESS 层面实现瞬时更新的,据我所知,只有 Takana

    Emmet livestyle 与 Codekit2 都在搞瞬时更新,个人感觉 emmet 作者开始就选择了比较困难的方式,猜测 codekit2 的实现方式与 Takana 相似。
    yolio2003
        16
    yolio2003  
       2013-10-09 09:43:32 +08:00
    竟然这个故事不是prepros挺好用
    瞬时更新看起来很cool, 希望能和koala , prepros一样好用
    P233
        17
    P233  
    OP
       2013-10-09 14:31:49 +08:00
    @yolio2003 不过这是五月份的事情,现在 Prepros 已经很成熟了 :)
    ifournight
        18
    ifournight  
       2013-10-09 18:48:37 +08:00 via iPhone
    我用的hammer,用得很爽。
    ifournight
        19
    ifournight  
       2013-10-13 12:38:08 +08:00
    实时更新这一点还是很吸引人的。等公测试试。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5199 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 05:47 PVG 13:47 LAX 21:47 JFK 00:47
    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