1、快速开始

快速开始
//前置准备条件 现脚手架暂时先上传在兔展私有npm，且项目模板也在兔展gitlab，所以需要具备以下准备
//使用兔展npm源


//1、进入工作台-企业-企业组件库


//2、创建企业组件-关联玩法-保存-下载代码


//3、压解代码，将项目中package.json中cmpName组件名称更改为企业组件中创建的关键字段(上传代码包时会根据这个名称进行组件上传)，更改入口模块registry相关函数组件名称与cmpName对应(现还不支持模板动态拉取代码修改，需要手动更改)


//4、下载依赖
npm install


//5、编码


//6、一键上传
npx run rp-develop deploy


//7、在企业仓库将已经上传的组件上线


//8、使用


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、发布组件到组件库

（待补充）

  • 无标签