V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
P233
5.03D

前端神器 Takana

  •  
  •   P233 · Oct 7, 2013 · 6154 views
    This topic created in 4592 days ago, the information mentioned may be changed or developed.
    SCSS,LESS,CSS 实时更新(change as you type),可用在 rails node.js 等几乎任何项目中,没有比这更 handy 的工具了 :)

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

    http://usetakana.com/

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

    @yanwen 很快会公开测试的,抱歉了 :(
    jalen
        4
    jalen  
       Oct 7, 2013
    @P233 请问右边是sublim吧..
    P233
        5
    P233  
    OP
       Oct 7, 2013
    @jalen 是的 :)
    yanwen
        6
    yanwen  
       Oct 7, 2013
    之前用鸽子的工具。。自动更新的 css、HTML也更新。不错。。不过不支持xp。。只支持win7 以上的系统共。。
    P233
        7
    P233  
    OP
       Oct 7, 2013
    @yanwen 一直很期待 Sass 的时时更新(不是保存更新)的工具,现在终于遇到了。我相信这个工具能够节省不少时间所以忍不住要推荐。不过目前还有很多 bug,比如编译 LESS 变量时自动退出,按钮失效等等。作者也很勤奋周六半夜提交 bug,周日中午就解决了,相信版本稳定了会很快放出公开测试的 :)
    binux
        8
    binux  
       Oct 7, 2013
    Takana 也能双向同步?
    P233
        9
    P233  
    OP
       Oct 7, 2013
    @binux developer tool 中修改后自动存入 CSS 文件吗?应该不支持
    KiseXu
        10
    KiseXu  
       Oct 7, 2013
    我目前使用的解决方案是koala(解析less生成css)+ chrome扩展smartF5(实时刷新html和css)
    P233
        11
    P233  
    OP
       Oct 7, 2013
    @KiseXu Koala 是个好工具 :)
    learnshare
        12
    learnshare  
       Oct 7, 2013
    前几天尝试过 LiveReload,也提供了自动编译功能:https://github.com/mockko/livereload 支持 LESS, SASS, Compass, Stylus, CoffeeScript, IcedCoffeeScript, Eco, SLIM, HAML, Jade (还有没见过的东西)
    yolio2003
        13
    yolio2003  
       Oct 8, 2013
    Kabie
        14
    Kabie  
       Oct 8, 2013
    怎么比直接watch快这么多……
    P233
        15
    P233  
    OP
       Oct 8, 2013
    @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  
       Oct 9, 2013
    竟然这个故事不是prepros挺好用
    瞬时更新看起来很cool, 希望能和koala , prepros一样好用
    P233
        17
    P233  
    OP
       Oct 9, 2013
    @yolio2003 不过这是五月份的事情,现在 Prepros 已经很成熟了 :)
    ifournight
        18
    ifournight  
       Oct 9, 2013 via iPhone
    我用的hammer,用得很爽。
    ifournight
        19
    ifournight  
       Oct 13, 2013
    实时更新这一点还是很吸引人的。等公测试试。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2431 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 11:16 · PVG 19:16 · LAX 04:16 · JFK 07:16
    ♥ Do have faith in what you're doing.