使用第三方组件库（以vant weapp为例）
1、初始化
输入命令npm init，以下的东西都可以默认（即回车即可）。
在微信小程序开发工具中会多一个文件package.json，在这里面就可以进行包的配置。
image.png
2、安装第三方组件（vant组件库）
在终端输入命令npm i vant-weapp -S --production
image.png
3、在小程序开发工具中选择左上栏的“工具”->“构建npm”
image.png
image.png
这个时候可以在项目文件夹中看见一个新生成的文件夹miniprogram_npm，其中就有我们刚刚安装好的vant组件库
image.png
4、小程序开发工具中，点击右上角的“详情”，将“使用npm模块”勾选上
image.png
5、在需要使用该组件库的组件中的json文件中，添加需要使用的组件中的内容（以button为例）
image.png
6、在wxml文件中调用组件库
image.png
image.png
以上就是在微信小程序中引用第三方组件库的过程
wepy+vant 微信小程序开发总结 前言 本次小程序开发选择使用 wepy作为小程序第三方框架，在UI组件库方...
前言 微信小程序从基础库版本 2.2.1 开始支持使用 npm 安装第三方包，因此也支持开发和使用第三方自定义组件...
本文收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。本文不是一遍关于如何学习微信小程序的入门指南，...
微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...
之前的微信小程序项目都是使用原生组件开发，最近尝试用uniapp开发微信小程序，写了个小程序的demo。然而在浏览...
# 微信小程序日历组件开发 微信小程序基础知识 微信小程序 框架介绍 组件文档 上述是开发小程序的基本知识。 今天...
开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库...
开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库...
开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库...
开发微信小程序的过程中，选择一款好用的组件库，可以达到事半功倍的效果。自从微信小程序面世以来，不断有一些开源组件库...
本文标题：微信小程序的开发使用第三方组件库
本文链接：https://www.haomeiwen.com/subject/yaafzhtx.html
网友评论