最终效果如图:
首先,组件库列表新建组件库
第二步:安装最新版本的 @cloudbase/cli,登录,并在vscode中执行命令:
npm install -g @cloudbase/cli
tcb login
tcb lowcode create
这时候我们运行
tcb lowcode debug
就能够看到实例的button组件
然后我们改的地方有四个:
src>configs>components>xxx.json,仿照他的button.json改就可以了,上面有JSON schema文件链接
src>configs>index.js,仿照button样式引入
src>web>components下方创建xxx文件夹,文件夹下仿照button文件夹创建我们的index.jsx和index.css文件
由于个人代码写得比较烂,代码就暂时先不放掘金上。
下一步便是调试
tcb lowcode debug
配合页面上的自定义组件开发可以预览
如果是小程序的话,则是要
tcb lowcode watch
?记不清了,但是腾讯讲自定义开发组件的视频里面有,配合小程序微信IDE 预览,之后在微信开发者工具上运行。
除此之外,还需要注意的是,如果要重新登陆另外一个账号的话,可以使用
tcb a
然后就会告诉你Error: a 不是有效的命令 💡使用 tcb -h 查看所有命令
这时候我们使用
tcb -h
查看所有命令
然后在下面的命令之中:
tcb logout
登出腾讯云账号
好了,新人掘金第一篇文章就此结束