...
代码块 | ||||
---|---|---|---|---|
| ||||
//1、下载脚手架 npm install rp-develop-cli -g //2、选择项目模板 rp-develp create template // 选择项目模板 base | xxx // 输入项目名称 project // 输入项目英文描述 xxx // 输入项目中文秒速 xxx // 输入项目端口号 19000 // 输入玩法插件名称 NewCmp //3、下载依赖 cd project前置准备条件 现脚手架暂时先上传在兔展私有npm,且项目模板也在兔展gitlab,所以需要具备以下准备 //使用兔展npm源 //1、进入工作台-企业-企业组件库 //2、创建企业组件-关联玩法-保存-下载代码 //3、压解代码,将项目中package.json中cmpName组件名称更改为企业组件中创建的关键字段(上传代码包时会根据这个名称进行组件上传),更改入口模块registry相关函数组件名称与cmpName对应(现还不支持模板动态拉取代码修改,需要手动更改) //4、下载依赖 npm install //4、运行开发模式 npm run dev5、编码 //5、本地调试 //本地编辑器项目 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" } |
...
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。 |
...