微信小程序中使用Vant-Ui

Vant官网的步骤有坑,根据官网步骤走你会在构建npm时报错!!!

然后自己摸索了一下,总结出以下步骤

##  步骤一：将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

## 步骤二：右键 在外部继承终端打开  然后执行  npm init 初始化项目

## 步骤三： 安装npm包 执行: npm install --production

## 步骤四： 安装vant ui 执行: npm i @vant/weapp -S --production

## 步骤五： 微信开发工具=>工具=>构建npm 等待5-30s构建完成

## 步骤六： 正常使用vant ui 组件库 记得在哪引入组件就需要在该页面的json文件的usingComponents中注册,例如:

{

  "usingComponents": {

"vant-button":"@vant/weapp/button/index"

}

}