微信小程序 引入vant Weapp组件库 2020-11-10

1、点击miniprogram,右键选择在终端打开

微信小程序 引入vant Weapp组件库 2020-11-10_第1张图片
1.png

2、在终端输入npm init -y,用来初始化npm , -y的意思是一直用默认值,一直按回车键。

微信小程序 引入vant Weapp组件库 2020-11-10_第2张图片
2.png

3、继续 npm install --production

4、添加vant , npm i @vant/weapp -S --production

5、在小程序的本地设置勾选使用npm

微信小程序 引入vant Weapp组件库 2020-11-10_第3张图片
3.png

6、点击工具,点击构建npm

微信小程序 引入vant Weapp组件库 2020-11-10_第4张图片
4.png

7,按官网要求,将 app.json 中的 "style": "v2" 去除

8、按官网教程引用组件

你可能感兴趣的:(微信小程序 引入vant Weapp组件库 2020-11-10)