如何在微搭低代码平台自定义组件

发布于 5 年前作者 chaocui4502 次浏览最后编辑 5 年前来自 share

在微搭低代码平台推出以来,很多开发者都关心是否会开放第三方组件库,今天,它来了。但对于如何在微搭低代码平台自定义组件操作还是比较陌生的,下面我们来一起操作下。学习嘛,就是要积极进取才有可能提高。

准备

升级cli:npm install -g [@cloudbase](/user/cloudbase)/cli

WXOPEN Club 内容图片

查看版本:tcb -v

WXOPEN Club 内容图片

应用开发

创建组件库

打开腾讯云的微搭低码控制台,找到组件库管理

WXOPEN Club 内容图片

点击【新建组件库】按钮我们创建一个属于自己专属的组件库

WXOPEN Club 内容图片

点击【确定】按钮完成我们第一个组件库的创建

WXOPEN Club 内容图片

关联本地组件库

我们现在本地建立一个文件夹,我这里在D盘新建了一个 lowcode 文件夹,然后打开cmd进入到该文件夹下

WXOPEN Club 内容图片

进入到 lowcdoe 目录后我们执行组件库的创建命令:tcb lowcode create o2o

WXOPEN Club 内容图片

依赖失败,进入到 lowcdoe/o2o 目录后执行:npm install --legacy-peer-deps

WXOPEN Club 内容图片

调试本地组件库

在cmd输入命令:tcb lowcode debug

WXOPEN Club 内容图片

要求登录,好吧,按照提示登录一下

WXOPEN Club 内容图片

添加组件

点击添加组件,输入新增组件的相关信息

WXOPEN Club 内容图片

WXOPEN Club 内容图片

WXOPEN Club 内容图片

目前它只有源码组件和低码组件,点击我们创建的组件,可以打开组件编辑器

WXOPEN Club 内容图片

WXOPEN Club 内容图片

发布组件库

我们完成编辑后就需要把组件发布一下,点击【发布组件库】按钮

WXOPEN Club 内容图片

组件使用

组件库发布后怎么用呢,在应用管理里我们选择自己发布的组件库,就可以像官方的组件一样使用啦

WXOPEN Club 内容图片

产品介绍

腾讯云微搭低代码是高效、高性能的拖拽式低代码开发平台,向上连接前端的行业业务,向下连接云计算的海量能力,助力企业垂直上云。腾讯云微搭低代码将繁琐的底层架构和基础设施抽象化为图形界面,通过行业化模板、拖放式组件和可视化配置快速构建多端应用(小程序、H5应用、Web 应用等),免去了代码编写工作,让您能够完全专注于业务场景。腾讯云微搭低代码以云开发作为底层支撑,云原生能力将应用搭建的全链路打通,提供高度开放的开发环境,且时刻为您的应用保驾护航。

开通低代码:https://cloud.tencent.com/product/lowcode

产品文档:https://cloud.tencent.com/document/product/1301/48874

技术交流群、最新资讯关注微信公众号【腾讯云低代码】

0 回复
暂无回复