//前置准备条件 现脚手架暂时先上传在兔展私有npm,且项目模板也在兔展gitlab,所以需要具备以下准备 //1、使用兔展npm源 //2、git已登录兔展gitlab //1、下载脚手架 npm install @fe-tools/rp-develop-cli -g //2、选择项目模板 rp-develop create template // 选择项目模板 base | xxx // 选择编码偏好(JS/TS) // 输入项目名称 project // 输入项目描述 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" } |
步骤 | 模板说明 | 查看 |
---|---|---|
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。 |
步骤 | 模板说明 | 查看 |
---|---|---|
1、创建 template组件 | 模板进入 app/template/index.jsx | 查看 template模块组件渲染 |
2、创建template组件下内置页弹窗(可选) | 模板进入 app/template/components/inline-page.jsx | 查看 template 内置页创建 |
步骤 | 模板说明 | 查看 |
---|---|---|
1、创建 setting组件(可选) | 模板进入 app/setting/index.jsx | 查看 setting模块组件渲染 |
步骤 | 模板说明 | 查看 |
---|---|---|
1、创建main组件 | 模板进入 app/main/index.jsx | 查看 main模块组件渲染 |
2、创建main组件下内置页弹窗(可选) | 模板进入 app/main/components/inline-page.jsx | 查看 main内置页创建 |
(待补充)
(待补充)