前提:需要已经安装好微信开发者工具,如果还没有微信开发者工具,请先安装好微信开发者工具,具体操作如下所示
一、安装微信开发者工具(如已安装请忽略)
链接:https://pan.baidu.com/s/1Sf2IbUcNf6bvgvZgNJsEiA
提取码:mhl7
--来自百度网盘超级会员V5的分享
下载好微信开发者工具的安装包,然后不断下一步即可,(注:尽量不要改动安装位置,默认就好,不然在开发的过程中可能会出现一些奇奇怪怪的bug)
二、导入有赞的Vant组件
1、最简单的,新建一个微信小程序项目
填写好创建项目的一些基础信息
2、在当前项目的目录下,打开控制台
输入命令(如没有安装npm,请自行百度npm的安装教程,这里不做演示了,望理解~~)
npm i @vant/weapp -S --production
3、修改 app.json
找到"style": "v2"并去掉
最后,打开微信开发者工具,点击 工具 -> 构建 npm,就会在miniprogram目录下生成一个miniprogram_npm文件夹,之后就可以开心的按照Vant Weapp - 轻量、可靠的小程序 UI 组件库给出的组件开心的玩耍了^_^