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

准备

升级cli:npm install -g @cloudbase/cli

查看版本:tcb -v

应用开发

创建组件库

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

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

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

关联本地组件库

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

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

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

调试本地组件库

在cmd输入命令:tcb lowcode debug

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

添加组件

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



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

发布组件库

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

组件使用

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

产品介绍

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

如何在微搭低代码平台自定义组件相关推荐

  1. 微搭使用笔记(二)微搭低代码平台介绍及基础使用

    概述 官网地址: 官网 官方文档: 官方文档 FAQ: FAQ 腾讯云微搭低代码是一个高性能的低代码开发平台,用户可通过拖拽式开发,可视化配置构建 PC Web.H5 和小程序应用.支持打通企业内部数 ...

  2. 微搭低代码Tab栏组件使用指南

    今天做小程序,搞了个底部导航栏,设置完毕后记着应用可以自己路由的,突然忘记怎么设置了,设置的效果如下: 配置的点需要注意两个地方,第一个是name要和你页面的标识一一对应 然后就想打开启用路由的配置项 ...

  3. 微搭低代码自定义组件开发教程

    低代码以其组件丰富著称,但是在实际开发的过程中有时候官方组件开发进展也不是特别快,尤其我们需要一些特色的小程序组件时要等官方更新可能来不及.为了保证项目进度,就不得不自己封装一些组件. 正好微搭低代码 ...

  4. 深入解读腾讯云微搭低代码的技术架构

    腾讯云微搭低代码是高效.高性能的企业级低代码平台.帮助开发者快速搭建支持多种业务场景的小程序.H5.PC WEB应用,通过简单的拖拉拽操作,而不用编写复杂的代码,实现少写代码或者不写代码,就能快速高效 ...

  5. 最佳实战 | 如何使用微搭低代码基于模板开发小程序

    本文将帮助您借助腾讯云微搭低代码平台,基于已有的模板快速打造出如下图所示的问卷调查小程序. 概述 从0到1开发一款问卷小程序需要经过几个步骤,从模板中心复制应用到自己的应用管理,然后根据需求定义数据源 ...

  6. 微搭低代码学习之数据收集

    低代码和开发之间的关系 低代码平台是一种快速构建应用程序的工具,旨在提高开发效率.它们提供了一种基于图形用户界面的方式来创建应用程序,而无需编写大量的代码.使用低代码平台,开发人员可以更快速地构建和交 ...

  7. 微搭低代码实现aad的sso

    微搭低代码平台是一种可帮助您快速构建和部署应用程序的工具,而无需手动编写大量代码.要在微搭低代码平台上实现Azure Active Directory(AAD)的单点登录(SSO),您需要遵循以下步骤 ...

  8. LCHub 1月低代码平台排行榜出炉:宜搭遥遥领先微搭低代码

    TOP 10 低代码开发平台 LCHUB 指数走势 LCHUB 2022年1月 TOP20低代码开发平台 排名 低代码平台名称 指数 1 宜搭 91.7 2 微搭低代码 86.0 3 伙伴云 78.3 ...

  9. 使用微搭低代码制作每日菜单小程序

    随着网络和科技的发展,利用小程序来服务内部职工的机构也越来越多.本文就使用微搭低代码来快速制作一款每日菜谱小程序,机构内部的负责人可以维护每周的菜谱,职工通过关注小程序来查看每周的菜谱信息. 一 .定 ...

最新文章

  1. 学界 | 和清华大学自然语言处理与社会人文计算实验室一起读机器翻译论文
  2. 三极管hFE参数随着Ic,Vc的变化情况
  3. 第三周总结CoreIDRAW
  4. 样例问题 Example question for A4M33MPV course
  5. 为什么 scanf( )(scanf_s)函数老要输入两次才行?
  6. 去除git mergetool不产生*.orig文件
  7. Beyond Compare中插入表格数据的教程
  8. xpath获取标签的属性值_论xpath与css定位方式
  9. C\C++中声明与定义的区别
  10. 使用工具ngrok 实现内网穿透(免费)
  11. 烂泥:更换ESXI5.0管理网卡及管理IP地址
  12. python绘制音频频谱_Python 读取wav画频谱
  13. Samba的配置与使用
  14. 为了探究不同光照处理_昭通2020名师助考? 丨掌握控制变量法轻松搞定中考物理实验探究题...
  15. ASP.NETMVC Model验证(五)
  16. 人脸方向学习(十六):Face Detection-BlazeFace解读
  17. firework cs4入门
  18. Mac系统内存越来越大?Mac内存清理技巧
  19. 服务器显示未知主机如何解决办法,mc服务器时候说我未知主机
  20. LeetCode刷题|36有效的数独

热门文章

  1. rpa项目poc_[经典收藏]终极RPA术语表:机器人流程自动化的基础概念
  2. MySQL数据库之约束
  3. SpringCloud OpenFeign 服务调用传递 token
  4. js学到什么程度学框架_如何学到什么
  5. 【MySQL】MyCat分库分表分片规则配置详解与实战(MySQL专栏启动)
  6. Python ancii 转utf-8 失败
  7. 2019 CCPC wannfly winter camp Day 8
  8. 2017考研复试:过来人总结经验教训
  9. OpenCV三角网剖分 SubDiv2D 详解
  10. 说,有一群 小孩在玩堆雪人,不时有新的小孩加入,请问如何知道现在有多少小孩在玩,请用面向对象的思想编写程序解决