ccc-devtool安装不显示的问题

Nithumahel

已于 2022-06-27 13:45:12 修改

阅读量845

点赞数

分类专栏： cocos creator 文章标签： cocos2d

于 2022-05-31 16:39:53 首次发布

本文链接：https://blog.csdn.net/nithumahel/article/details/125059866

版权

cocos creator 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

声明：需求版本2.2.0，所以本文章只针对cocos creator2.2.0（昨天刚从官网下载的）

1、先感谢这兄弟的工具。GitHub - potato47/ccc-devtools: Cocos Creator 网页调试工具，运行时查看、修改节点树，实时更新节点属性，可视化显示缓存资源。

2、按照步骤走，发现显示不出来，或者说显示到下面去了，布局有问题。

3、按照下面这个设置，你会发现报错了，游戏都不显示了，当然也感谢给了个思路。

https://blog.csdn.net/qq_42838904/article/details/107972862jhttps://blog.csdn.net/qq_42838904/article/details/1079728624、于是就自己看代码了，记住别把toolBar删了，删了会报错，直接放在下面，

block toolbar
      include ./toolbar.jade
      include ./ccc-devtools/index.html

5、接着你会发现游戏正常了，工具显示成了一条线（布局没展开），然后去ccc-devtools/index.html中的id是app下的一个splitLeft加一个高度布局就ok。

<Split v-model="splitLeft" v-if="isDevMode" style="height:100vh">

6、最后一个说一下，每步都要重启编辑器，如果控制台报错说version文件没找到，是因为他用了远程版本更新，去devtools/index.html关掉就行。ccc-devtools

checkVersion: function () {
				this.$data.needUpdate = false
				// this.api('https://raw.githubusercontent.com/potato47/ccc-devtools/master/version.json', (data) => {
				// 	let remoteVersion = data.version;
				// 	this.api('app/editor/static/preview-templates/ccc-devtools/version.json', (data) => {
				// 		let localVersion = data.version;
				// 		versionStatus = this.compareVersion(localVersion, remoteVersion);
				// 		this.$data.needUpdate = versionStatus;
				// 		console.groupCollapsed('ccc-devtoos')
				// 		console.log('本地版本：' + localVersion);
				// 		console.log('远程版本：' + remoteVersion);
				// 		console.log('更新地址：' + 'https://github.com/potato47/ccc-devtools.git');
				// 		console.groupEnd('ccc-devtoos');
				// 	});
				// });
			},