uniapp中如何使用vant（0基础，从0开始搭建）

1.新建项目名称，选择语法

2.进入vant官网， 选择微信小程序版本(https://vant-contrib.gitee.io/vant-weapp/#/home)

安装依赖包

# 通过 npm 安装
npm i @vant/weapp -S --production

# 通过 yarn 安装
yarn add @vant/weapp --production

# 安装 0.x 版本
npm i vant-weapp -S --production

在根目录下创建wxcomponents文件夹

3.下载压缩包(https://github.com/youzan/vant-weapp)

4.将压缩包中dist文件夹放置在wxcomponents文件夹下

5.在page.json文件中进行更改，添加usingComponents

"usingComponents": {
	//这是引入的按钮
	"van-button": "wxcomponents/dist/button/index"
}

6.在App.vue中引入vant样式文件

@import "/wxcomponents/dist/common/index.wxss";

6.启动项目

即可使用成功