Skip to content

Commit

Permalink
改版;适配creator3.5
Browse files Browse the repository at this point in the history
  • Loading branch information
potato47 committed Jul 17, 2022
1 parent 9589907 commit 63bbf81
Show file tree
Hide file tree
Showing 49 changed files with 1,735 additions and 42,594 deletions.
23 changes: 23 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
76 changes: 0 additions & 76 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,78 +1,2 @@
# ccc-devtools
Cocos Creator 网页调试工具,运行时查看、修改节点树,实时更新节点属性,可视化缓存资源。

> 当前分支适用于 cocos creator 2.0-2.3 版本,其他版本需切换到对应分支
## 功能

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

![preview](./screenshots/preview1.gif)

- 可视化缓存资源

![preview](./screenshots/preview2.png)

- 标记场景中节点位置

![preview](./screenshots/preview3.png)

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

![preview](./screenshots/preview4.png)

- cc控制台功能扩展

![preview](./screenshots/preview5.png)

## 全局使用

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

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

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

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

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

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

## 项目使用

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 文档](https://vuetifyjs.com/en/getting-started/quick-start/) 对页面进行修改

- 节点、组件显示属性可在 `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
5 changes: 5 additions & 0 deletions auto-imports.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
// Generated by 'unplugin-auto-import'
export {}
declare global {

}
23 changes: 23 additions & 0 deletions components.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
// generated by unplugin-vue-components
// We suggest you to commit this file into source control
// Read more: https://github.com/vuejs/core/pull/3399
import '@vue/runtime-core'

export {}

declare module '@vue/runtime-core' {
export interface GlobalComponents {
CCComponent: typeof import('./src/components/CCComponent.vue')['default']
CCNode: typeof import('./src/components/CCNode.vue')['default']
ElButton: typeof import('element-plus/es')['ElButton']
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElTreeV2: typeof import('element-plus/es')['ElTreeV2']
PropItem: typeof import('./src/components/PropItem.vue')['default']
TreePanel: typeof import('./src/components/TreePanel.vue')['default']
UserComponent: typeof import('./src/components/UserComponent.vue')['default']
}
}
54 changes: 0 additions & 54 deletions config.js

This file was deleted.

Loading

0 comments on commit 63bbf81

Please sign in to comment.