创建第一个组件库
#
准备工作- 拥有腾讯云账号;
- 开通云开发低码;
- 安装 Node.js;
- 安装 Cloudbase CLI。
注意
如果 npm install -g @cloudbase/cli
失败,您可能需要按照这个文档将npm安装在非系统管理员目录或修改默认npm目录
#
第 1 步:创建云端组件库打开 组件库管理 页面,新建组件库 mydemo
。
#
第 2 步:关联本地组件库tcb lowcode create mydemo
提示
创建本地组件库使用的标识 mydemo
需要和云端一致,才能关联上云端组件库。
或者使用命令 tcb lowcode create
,通过智能提示来完成关联。
#
第 3 步:调试本地组件库cd mydemotcb lowcode debug
执行完以上命令后,会自动打开 调试模式 的应用编辑器,并加载了本地组件库。
可以在该页面进行调试:
- 拖拽组件到 编辑区 内,并查看 预览区 效果
- 在组件的 数据 栏,配置数据,并查看 预览区 效果
- 在组件的 样式 栏,配置样式,并查看 预览区 效果
- 在组件的 事件 栏,绑定自定义事件和自定义动作,并在 预览区 触发事件
#
第 4 步:发布本地组件库tcb lowcode publish
提示
发布本地组件库,相当于更新了云端组件库的草稿,还需要到控制台里把草稿发布成正式版本。
#
第 5 步:发布云端组件库打开 mydemo
组件库的组件详情页,发布组件库。
#
第 6 步: 在应用中使用自定义组件库使用方法和 第 3 步:调试本地组件库 相似,但这是 普通模式 的应用编辑器,编辑完应用可以正常发布。