CCC DevTools 开源项目教程

CCC DevTools 开源项目教程

ccc-devtoolsCocos Creator 网页调试工具，运行时查看、修改节点树，实时更新节点属性，可视化显示缓存资源。项目地址:https://gitcode.com/gh_mirrors/cc/ccc-devtools

项目的目录结构及介绍

ccc-devtools/
├── README.md
├── package.json
├── src/
│   ├── index.js
│   ├── config/
│   │   ├── default.json
│   │   ├── production.json
│   ├── utils/
│   │   ├── logger.js
│   ├── routes/
│   │   ├── index.js
│   ├── controllers/
│   │   ├── homeController.js
│   ├── models/
│   │   ├── userModel.js
├── public/
│   ├── index.html
│   ├── styles.css
├── tests/
│   ├── index.test.js

• README.md: 项目说明文档。
• package.json: 项目依赖和脚本配置文件。
• src/: 源代码目录。
  • index.js: 项目入口文件。
  • config/: 配置文件目录。
    • default.json: 默认配置文件。
    • production.json: 生产环境配置文件。
  • utils/: 工具函数目录。
    • logger.js: 日志工具函数。
  • routes/: 路由配置目录。
    • index.js: 路由入口文件。
  • controllers/: 控制器目录。
    • homeController.js: 主页控制器。
  • models/: 数据模型目录。
    • userModel.js: 用户模型。
• public/: 静态资源目录。
  • index.html: 主页HTML文件。
  • styles.css: 样式文件。
• tests/: 测试目录。
  • index.test.js: 主测试文件。

项目的启动文件介绍

项目的启动文件是 src/index.js。该文件负责初始化应用，加载配置，设置路由和启动服务器。以下是 index.js 的主要内容：

const express = require('express');
const config = require('./config');
const routes = require('./routes');
const logger = require('./utils/logger');

const app = express();
const port = config.port || 3000;

app.use(express.json());
app.use('/', routes);

app.listen(port, () => {
  logger.info(`Server is running on port ${port}`);
});

• express: 引入 Express 框架。
• config: 加载配置文件。
• routes: 加载路由配置。
• logger: 引入日志工具。
• app.use(express.json()): 解析 JSON 请求体。
• app.use('/', routes): 设置路由。
• app.listen(port, ...): 启动服务器并监听指定端口。

项目的配置文件介绍

项目的配置文件位于 src/config/ 目录下，主要包括 default.json 和 production.json。

default.json

默认配置文件，包含所有环境通用的配置项：

{
  "port": 3000,
  "logLevel": "info",
  "database": {
    "host": "localhost",
    "port": 27017,
    "name": "ccc-db"
  }
}

• port: 服务器监听端口。
• logLevel: 日志级别。
• database: 数据库配置。
  • host: 数据库主机地址。
  • port: 数据库端口。
  • name: 数据库名称。

production.json

生产环境配置文件，覆盖默认配置中的部分项：

{
  "port": 8080,
  "logLevel": "error",
  "database": {
    "host": "production-db-host",
    "port": 27017,
    "name": "ccc-production-db"
  }
}

• port: 生产环境服务器监听端口。
• logLevel: 生产环境日志级别。
• database: 生产环境数据库配置。
  • host: 生产环境数据库主机地址。
  • `port

ccc-devtoolsCocos Creator 网页调试工具，运行时查看、修改节点树，实时更新节点属性，可视化显示缓存资源。项目地址:https://gitcode.com/gh_mirrors/cc/ccc-devtools