hox
hox copied to clipboard
dev tools 的设计
为了让开发者调试更方便,可以做一套dev tools
为了简单起见,是不是可以直接暴露成 window 上的一个 object ?后面有精力了再做成 redux 那样的 chrome 插件?
使用方法例如:
window.hox.model // 或者直接 hox.model
// ->
{
counter: {...},
user: {...},
posts: {...},
}
hox.startMonitorChanges() // 监听 model 的变化
// ->
{
time: 1234556, // 时间戳
name: 'counter',
prev: {...},
next: {...},
}
hox.stopMonitorChanges() // 停止监听
(仅在 dev 编译模式下有效)
我觉得可以的,这块优先级可以放低~
hox路转粉一位,真心期望再来一个和Chrome集成的devtools,辛苦啦,打call!
可以,这位老哥的提议着实不错,自己也在项目中实践了一下hox,也有一些小感触,hox实践感触及简陋版的dev-tools
hox路转粉一位,真心期望再来一个和Chrome集成的devtools,辛苦啦,打call!
https://github.com/PDKSophia/sugar-hox-devtools 写了一个简单的 npm 包,不过还是跟你一样,期待官方的devtools,目前也是在dev环境下使用 😂