ccc-devtools/README.md

62 lines
1.6 KiB
Markdown
Raw Normal View History

# ccc-devtools v2.1.0
2018-12-26 02:26:51 +00:00
Cocos Creator 网页调试器,运行时查看、修改节点树,实时更新节点属性。
2018-12-26 12:21:22 +00:00
2018-12-27 02:00:44 +00:00
## 预览
v1.0.0
2018-12-27 02:00:44 +00:00
![preview](./screenshots/preview.gif)
v1.1.0: 拖拽节点,增加开关
![t5](./screenshots/t4.gif)
v1.2.0: 控制台输出节点信息
![t6](./screenshots/t5.png)
v2.0.0: 节点信息自动同步避免手动刷新。增加组件信息显示。增加内存、FPS、渲染时间显示。更新提醒。
![preview2](./screenshots/preview2.png)
v2.1.0: 区分手动刷新和自动刷新两种模式手动刷新时支持搜索和拖拽节点添加圈出节点位置功能添加控制台节点树cc.tree();
![preview3](./screenshots/preview3.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-27 02:00:44 +00:00
## 需求、更新
2018-12-26 12:21:22 +00:00
https://github.com/potato47/ccc-devtools
如果没有更改源码,可直接在目录下 git pull
## 本项目依赖以下开源项目
https://github.com/vuejs/vue
https://github.com/ElemeFE/element
https://github.com/iview/iview
https://github.com/FE-Driver/vue-beauty
https://github.com/mrdoob/stats.js