Cocos Creator 网页调试工具,运行时查看、修改节点树,实时更新节点属性,可视化缓存资源。

• 场景节点树实时显示,节点、组件属性实时显示更改

preview

• 可视化缓存资源

preview

• 标记场景中节点位置

preview

• 输出节点、组件引用到控制台

preview

• cc控制台功能扩展

preview

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

   t1

2. 将本项目clone到上面的目录下,如果使用下载压缩包的方式记得把后缀名-master去掉

   t2

3. 打开 index.jade,找到 body 将中间部分替换为 include ./ccc-devtools/index.html,注意用tab键对齐

   t3

Cocos Creator 从 v2.2 开始新增了自定义网页预览功能。

1. 重复上面的操作步骤,将修改后的 preview-templates 目录拷贝到项目根目录

2. 将 ccc-devtools/index.html 里所有引用的资源路径 app/editor/static/preview-templates/ccc-devtools/... 替换为 ccc-devtools/...

3. 重启 Cocos Creator

• 本项目使用了 vue 和 vuetify,可根据 vuetify 文档 对页面进行修改

• 节点、组件显示属性可在 config.js 里配置,目前支持 text,number,textarea,color,bool 几种类型

https://github.com/potato47/ccc-devtools

如果没有更改源码,可直接在目录下 git pull

论坛讨论地址:https://forum.cocos.com/t/creator-20190201/71578

• 版本号命名规则 https://semver.org/lang/zh-CN/ ,简单来讲,新功能第二位加一,修复bug第三位加一

• 如果新增功能请在README中添加预览截图说明

• 记得更新version.json中的版本号

• https://github.com/vuejs/vue

• https://github.com/vuetifyjs/vuetify