前端神器 Takana

[P233]

SCSS，LESS，CSS 实时更新（change as you type），可用在 rails node.js 等几乎任何项目中，没有比这更 handy 的工具了 :)

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

http://usetakana.com/

http://v.youku.com/v_show/id_XNjE4MDU1NTc2.html

[jjgod]

前几天看这个网站不是还要收费 $199 来着？免费而且开源的替代方案有 Emmet LiveStyle: http://livestyle.emmet.io

[yanwen]

给个下载地址？

[P233]

@jjgod 前几天是 $19，后来去掉了， Emmet livestyle 暂时不支持 Sass 与 LESS 而且也不是免费的，会收费

@yanwen 很快会公开测试的，抱歉了 :(

[jalen]

@P233 请问右边是sublim吧..

[P233]

@jalen 是的 :)

[yanwen]

之前用鸽子的工具。。自动更新的 css、HTML也更新。不错。。不过不支持xp。。只支持win7 以上的系统共。。

[P233]

@yanwen 一直很期待 Sass 的时时更新（不是保存更新）的工具，现在终于遇到了。我相信这个工具能够节省不少时间所以忍不住要推荐。不过目前还有很多 bug，比如编译 LESS 变量时自动退出，按钮失效等等。作者也很勤奋周六半夜提交 bug，周日中午就解决了，相信版本稳定了会很快放出公开测试的 :)

[binux]

Takana 也能双向同步？

[P233]

@binux developer tool 中修改后自动存入 CSS 文件吗？应该不支持

[KiseXu]

我目前使用的解决方案是koala（解析less生成css）+ chrome扩展smartF5（实时刷新html和css）

[P233]

@KiseXu Koala 是个好工具 :)

[learnshare]

前几天尝试过 LiveReload，也提供了自动编译功能：https://github.com/mockko/livereload 支持 LESS, SASS, Compass, Stylus, CoffeeScript, IcedCoffeeScript, Eco, SLIM, HAML, Jade （还有没见过的东西）

[yolio2003]

prepros算吗 http://alphapixels.com/prepros/

[Kabie]

怎么比直接watch快这么多……

[P233]

@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]

竟然这个故事不是prepros挺好用
瞬时更新看起来很cool, 希望能和koala , prepros一样好用

[P233]

@yolio2003 不过这是五月份的事情，现在 Prepros 已经很成熟了 :)

[ifournight]

我用的hammer，用得很爽。

[ifournight]

实时更新这一点还是很吸引人的。等公测试试。