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设置
5、创建渲染引擎main组件
| 步骤 |
|---|
| 模板说明 | 查看 | |
|---|---|---|
| 1、创建main组件 | 模板进入 app/main/index.jsx | 查看 main模块组件渲染 |
| 2、创建main组件下内置页弹窗（可选） | 模板进入 app/main/components/inline-page.jsx | 查看 main内置页创建 |
...
6、如何调试
(待补充)
7、发布组件到组件库
（待补充）