ccc-devtools/README.md

# ccc-devtools v2.0.0
Cocos Creator 网页调试器，运行时查看、修改节点树，实时更新节点属性。

## TODO

- [x] 拖拽布局
- [x] 实时刷新节点信息
- [x] 开关
- [x] 控制台输出节点信息
- [x] 组件信息
- [ ] 节点搜索
- [ ] 拖动节点更改层级
- [ ] 自定义布局等配置

## 预览

v1.0.0
![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)

## 使用

1. 点击 Creator 右上角进入编辑器 resources 目录，再依次进入`static/preview-templates`目录

   ![t1](./screenshots/t1.png)

2. 将本项目clone到上面的目录下

   ![t2](./screenshots/t2.png)

3. 打开`index.jade`,找到`body`里最后一个`div`，在下面添加`include ./ccc-devtools/index.html`，**注意用tab键与上面的div对齐**

   ![t3](./screenshots/t3.png)


## 已知问题

- 当升级 Cococs Creator 时会清空resources目录，需要重新下载配置，如自定义了一些配置，请做好备份。
- 开启节点树会增加渲染消耗，非调试阶段请关闭。

## 需求、更新

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
-												显示组件信息，2.5d节点切换，显示内存等常用部件，更新提醒

											
										
										
											2019-01-04 13:27:06 +00:00
+								# ccc-devtools v2.0.0
-												Initial commit
											
										
										
											2018-12-26 02:26:51 +00:00
+								Cocos Creator 网页调试器，运行时查看、修改节点树，实时更新节点属性。
-												init

											
										
										
											2018-12-26 12:21:22 +00:00
-												node draggable,switch

											
										
										
											2018-12-28 01:18:49 +00:00
+								## TODO
-												init

											
										
										
											2018-12-26 12:21:22 +00:00
-												add readme

											
										
										
											2018-12-27 02:00:44 +00:00
+								- [x] 拖拽布局
 								- [x] 实时刷新节点信息
-												node draggable,switch

											
										
										
											2018-12-28 01:18:49 +00:00
+								- [x] 开关
-												开关移到左上角，避免1.x版本挡住调试信息

											
										
										
											2018-12-28 02:36:33 +00:00
+								- [x] 控制台输出节点信息
-												显示组件信息，2.5d节点切换，显示内存等常用部件，更新提醒

											
										
										
											2019-01-04 13:27:06 +00:00
+								- [x] 组件信息
-												完善treee刷新机制，优化开关显示方式

											
										
										
											2019-01-02 12:21:02 +00:00
+								- [ ] 节点搜索
 								- [ ] 拖动节点更改层级
-												add readme

											
										
										
											2018-12-27 02:00:44 +00:00
+								- [ ] 自定义布局等配置
 								## 预览
-												显示组件信息，2.5d节点切换，显示内存等常用部件，更新提醒

											
										
										
											2019-01-04 13:27:06 +00:00
+								v1.0.0
-												add readme

											
										
										
											2018-12-27 02:00:44 +00:00
+								![preview](./screenshots/preview.gif)
-												开关移到左上角，避免1.x版本挡住调试信息

											
										
										
											2018-12-28 02:36:33 +00:00
+								v1.1.0: 拖拽节点，增加开关
 								![t5](./screenshots/t4.gif)
 								v1.2.0: 控制台输出节点信息
 								![t6](./screenshots/t5.png)
-												显示组件信息，2.5d节点切换，显示内存等常用部件，更新提醒

											
										
										
											2019-01-04 13:27:06 +00:00
+								v2.0.0: 节点信息自动同步，避免手动刷新。增加组件信息显示。增加内存、FPS、渲染时间显示。更新提醒。
 								![preview2](./screenshots/preview2.png)
-												add readme

											
										
										
											2018-12-27 02:00:44 +00:00
+								## 使用
 . 点击 Creator 右上角进入编辑器 resources 目录，再依次进入`static/preview-templates`目录
 								   ![t1](./screenshots/t1.png)
 . 将本项目clone到上面的目录下
 								   ![t2](./screenshots/t2.png)
-												update readme

											
										
										
											2018-12-27 03:12:50 +00:00
+. 打开`index.jade`,找到`body`里最后一个`div`，在下面添加`include ./ccc-devtools/index.html`，**注意用tab键与上面的div对齐**
-												add readme

											
										
										
											2018-12-27 02:00:44 +00:00
 								   ![t3](./screenshots/t3.png)
 								## 已知问题
 								- 当升级 Cococs Creator 时会清空resources目录，需要重新下载配置，如自定义了一些配置，请做好备份。
-												显示组件信息，2.5d节点切换，显示内存等常用部件，更新提醒

											
										
										
											2019-01-04 13:27:06 +00:00
+								- 开启节点树会增加渲染消耗，非调试阶段请关闭。
-												add readme

											
										
										
											2018-12-27 02:00:44 +00:00
 								## 需求、更新
-												init

											
										
										
											2018-12-26 12:21:22 +00:00
-												显示组件信息，2.5d节点切换，显示内存等常用部件，更新提醒

											
										
										
											2019-01-04 13:27:06 +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