前端神器 Takana

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4074 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

http://usetakana.com/

测中

type

Rails

19 条回复 • 1970-01-01 08:00:00 +08:00

jjgod

2013-10-07 16:57:26 +08:00

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

yanwen

2013-10-07 16:57:40 +08:00

给个下载地址？

P233

2013-10-07 17:02:17 +08:00

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

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

jalen

2013-10-07 17:07:56 +08:00

@P233 请问右边是sublim吧..

P233

2013-10-07 17:11:43 +08:00

@jalen 是的 :)

yanwen

2013-10-07 17:20:03 +08:00

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

P233

2013-10-07 17:33:58 +08:00

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

binux

2013-10-07 18:35:29 +08:00

Takana 也能双向同步？

P233

2013-10-07 18:51:44 +08:00

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

KiseXu

2013-10-07 21:46:02 +08:00

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

P233

2013-10-07 22:05:54 +08:00

@KiseXu Koala 是个好工具 :)

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

2013-10-08 09:49:55 +08:00

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

Kabie

2013-10-08 12:23:53 +08:00

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

P233

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

2013-10-09 09:43:32 +08:00

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

P233

2013-10-09 14:31:49 +08:00

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

ifournight

2013-10-09 18:48:37 +08:00 via iPhone

我用的hammer，用得很爽。

ifournight

2013-10-13 12:38:08 +08:00

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