hox icon indicating copy to clipboard operation
hox copied to clipboard

dev tools 的设计

Open awmleer opened this issue 4 years ago • 5 comments

为了让开发者调试更方便,可以做一套dev tools

awmleer avatar Oct 21 '19 08:10 awmleer

为了简单起见,是不是可以直接暴露成 window 上的一个 object ?后面有精力了再做成 redux 那样的 chrome 插件?

使用方法例如:

window.hox.model // 或者直接 hox.model
// ->
{
  counter: {...},
  user: {...},
  posts: {...},
}

hox.startMonitorChanges() // 监听 model 的变化
// ->
{
  time: 1234556, // 时间戳
  name: 'counter',
  prev: {...},
  next: {...},
}

hox.stopMonitorChanges() // 停止监听

(仅在 dev 编译模式下有效)

awmleer avatar Oct 21 '19 08:10 awmleer

我觉得可以的,这块优先级可以放低~

brickspert avatar Oct 21 '19 09:10 brickspert

hox路转粉一位,真心期望再来一个和Chrome集成的devtools,辛苦啦,打call!

BetterLuke avatar Jul 19 '20 08:07 BetterLuke

可以,这位老哥的提议着实不错,自己也在项目中实践了一下hox,也有一些小感触,hox实践感触及简陋版的dev-tools

PDKSophia avatar Jul 23 '20 06:07 PDKSophia

hox路转粉一位,真心期望再来一个和Chrome集成的devtools,辛苦啦,打call!

https://github.com/PDKSophia/sugar-hox-devtools 写了一个简单的 npm 包,不过还是跟你一样,期待官方的devtools,目前也是在dev环境下使用 😂

PDKSophia avatar Oct 22 '20 06:10 PDKSophia