2018-12-28 02:36:33 +00:00
|
|
|
|
# ccc-devtools v1.2.1
|
2018-12-26 02:26:51 +00:00
|
|
|
|
Cocos Creator 网页调试器,运行时查看、修改节点树,实时更新节点属性。
|
2018-12-26 12:21:22 +00:00
|
|
|
|
|
2018-12-28 01:18:49 +00:00
|
|
|
|
## TODO
|
2018-12-26 12:21:22 +00:00
|
|
|
|
|
2018-12-27 02:00:44 +00:00
|
|
|
|
- [x] 拖拽布局
|
|
|
|
|
- [x] 节点搜索
|
|
|
|
|
- [x] 实时刷新节点信息
|
2018-12-28 01:18:49 +00:00
|
|
|
|
- [x] 拖动节点更改层级
|
|
|
|
|
- [x] 开关
|
2018-12-28 02:36:33 +00:00
|
|
|
|
- [x] 控制台输出节点信息
|
2018-12-27 02:00:44 +00:00
|
|
|
|
- [ ] 自定义布局等配置
|
|
|
|
|
- [ ] 组件信息
|
|
|
|
|
|
|
|
|
|
## 预览
|
|
|
|
|
|
|
|
|
|
![preview](./screenshots/preview.gif)
|
|
|
|
|
|
2018-12-28 02:36:33 +00:00
|
|
|
|
v1.1.0: 拖拽节点,增加开关
|
|
|
|
|
|
|
|
|
|
![t5](./screenshots/t4.gif)
|
|
|
|
|
|
|
|
|
|
v1.2.0: 控制台输出节点信息
|
|
|
|
|
|
|
|
|
|
![t6](./screenshots/t5.png)
|
|
|
|
|
|
2018-12-27 02:00:44 +00:00
|
|
|
|
## 使用
|
|
|
|
|
|
|
|
|
|
1. 点击 Creator 右上角进入编辑器 resources 目录,再依次进入`static/preview-templates`目录
|
|
|
|
|
|
|
|
|
|
![t1](./screenshots/t1.png)
|
|
|
|
|
|
|
|
|
|
2. 将本项目clone到上面的目录下
|
|
|
|
|
|
|
|
|
|
![t2](./screenshots/t2.png)
|
|
|
|
|
|
2018-12-27 03:12:50 +00:00
|
|
|
|
3. 打开`index.jade`,找到`body`里最后一个`div`,在下面添加`include ./ccc-devtools/index.html`,**注意用tab键与上面的div对齐**
|
2018-12-27 02:00:44 +00:00
|
|
|
|
|
|
|
|
|
![t3](./screenshots/t3.png)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 已知问题
|
|
|
|
|
|
|
|
|
|
- 当有大量节点动态加载时,可能需要手动点击一下右上角的刷新按钮来重载节点树。
|
|
|
|
|
- 当升级 Cococs Creator 时会清空resources目录,需要重新下载配置,如自定义了一些配置,请做好备份。
|
|
|
|
|
|
|
|
|
|
## 需求、更新
|
2018-12-26 12:21:22 +00:00
|
|
|
|
|
|
|
|
|
https://github.com/potato47/ccc-devtools
|