小程序引入vant第三方库
有赞官方网址
https://vant-contrib.gitee.io/vant-weapp/#/home
(1)创建项目描述文件package.json
右击miniprogram目录->选中在终端打开
输入命令npm init
回车 回车
(2)通过npm安装vant第三方组件库
右击miniprogram目录->选中在终端打开
通过 npm 安装 npm i @vant/weapp -S --production
通过 yarn 安装 yarn add @vant/weapp --production
安装 0.x 版本 npm i vant-weapp -S --production
#安装成功看到文件夹node_modules
(3)点击工具菜单->构建npm
#将node_modues内容复制一份 miniprogram_npm
(4)点击详情
[*]使用npm模块
(5)在组件中配置要使用哪个第三方的组件
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}
(6)在当前组件中使用button按钮
<van-button type="default">默认按钮</van-button>