CocosCreator编辑器扩展

最新推荐文章于 2025-06-03 12:11:51 发布

原创最新推荐文章于 2025-06-03 12:11:51 发布 · 718 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #cocos-creator

cocos 同时被 2 个专栏收录

4 篇文章

订阅专栏

VsCode

3 篇文章

订阅专栏

本文档详细介绍了如何创建并安装CocosCreator扩展包，包括创建package.json文件，定义包描述，以及设置入口程序main.js。通过示例展示了如何在main.js中定义与package.json对应的消息方法，如say-hello、test和clearlocalStorage，帮助开发者理解扩展包的开发流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建并安装扩展包

1.创建一个空文件夹命名为 “hello-world”，并在该文件夹中创建 main.js 和 package.json
2.把文件放入到c盘目录C:\Users\用户名.CocosCreator\packages 下面

定义你的包描述文件：package.json

{
    "name": "hello-world",
    "version": "0.0.1",
    "description": "一份简单的扩展包",
    "author": "Cocos Creator",
    "main": "main.js",
    "main-menu": {
      "Packages/Hello World": {
        "message": "hello-world:say-hello"
      },
      "Packages/test": {
        "message": "hello-world:test"
      },
      "Packages/clearlocalStorage": {
        "message": "hello-world:clearlocalStorage"
      }
    }
}
//name String - 定义了包的名字，包的名字是全局唯一的，关系到今后在官网服务器上登录时的名字。插件若要上传到 Cocos Store，对包名有一定的限制，只允许使用 小写字母、数字，连字符（-）、下划线（_） 和 点（.），并以 小写字母 或 数字 开头。
//version String - 版本号，我们推荐使用 semver 格式管理你的包版本。
//description String（可选） - 一句话描述你的包是做什么的。
//author String（可选） - 扩展包的作者
//main String (可选) - 入口程序
//main-menu Object (可选) - 主菜单定义

入口程序main.js

messages下面写上与package.json对应的方法名

'use strict';

module.exports = {
  load () {
    // 当 package 被正确加载的时候执行
  },

  unload () {
    // 当 package 被正确卸载的时候执行
  },

  messages: {
    'say-hello' () {
      Editor.log('Hello World!');
    },
    'test' () {
        Editor.log('test');
      },
    'clearlocalStorage'(){
      let a= Editor.Selection.curSelection('node');
      Editor.log("已清除:",a);
      localStorage.clear();
    }
  },
};