1、快速开始

快速开始
//1、下载脚手架
npm install rp-develop-cli -g


//2、选择项目模板
rp-develop create template

// 选择项目模板 base | xxx
// 输入项目名称 project
// 输入项目英文描述 xxx
// 输入项目中文秒速 xxx
// 输入项目端口号 19000
// 输入玩法插件名称 NewCmp

//3、下载依赖
cd project
npm install

//4、运行开发模式
npm run dev


//5、本地调试(TODO:前期暂时本地进行调试,后期会集成到测试环境进行调试)

//本地编辑器项目 editor/var/static.config.json 文件
{
    //将cdn地址修改到  二次开发启动的服务(根据自己的host:port映射修改)
    "pluginCDN":"http://localhost.rabbitpre.com:19000"
}

//本地渲染引擎项目 renderer/var/static.config.json 文件
{
    "pluginCDN":"http://localhost.rabbitpre.com:19000"
}


2、创建组件默认设置

步骤模板说明查看
1、创建 default-setting 配置模板进入 app/default-setting/index.js查看 default-setting 配置
2、创建 element 配置模板进入 app/default-setting/element.js
3、创建inline-page 配置(可选) 模板进入 app/default-setting/inline-page.js
注意:

1、设置element、inline-page时,name/key唯一标识应尽可能的在constants文件中进行常量声明,便于后续复用.

2、若元素配置、内置页配置内容较少可以整体合并到default-setting。

3、创建编辑器template组件

步骤模板说明查看
1、创建 template组件模板进入 app/template/index.jsx查看 template模块组件渲染
2、创建template组件下内置页弹窗(可选) 模板进入 app/template/components/inline-page.jsx查看 template 内置页创建

4、创建编辑器setting设置

步骤模板说明查看
1、创建  setting组件(可选)模板进入 app/setting/index.jsx查看 setting模块组件渲染


5、创建渲染引擎main组件

步骤模板说明查看
1、创建main组件模板进入 app/main/index.jsx查看 main模块组件渲染
2、创建main组件下内置页弹窗(可选)模板进入 app/main/components/inline-page.jsx 查看 main内置页创建

6、如何调试

(待补充)

7、发布组件到组件库

(待补充)

  • 无标签