1、快速开始
快速开始
//前置准备条件 现脚手架暂时先上传在兔展私有npm,且项目模板也在兔展gitlab,所以需要具备以下准备 //1、使用兔展npm源 //2、git已登录兔展gitlab //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、发布组件到组件库
(待补充)