微信小程序引入Vant Weapp详细步骤...

1、新建一个文件夹，并且用微信开发者工具新建小程序快速模板
2、在新建的文件夹中，打开终端（在 VS Code 中的终端也一样），在终端中依次执行

       1、第一步：npm init

       2、第二步：npm install --production

       3、第三步： npm i @vant/weapp -S --production

执行 npm init，文件夹中会自动生成 package.json 文件

执行 npm install --production，文件夹中会自动生成 package-lock.json 文件

执行 npm i @vant/weapp -S --production ，安装 Vant Weapp

3、在微信开发工具中，执行npm 构建，并勾选 使用 npm 模块 选项

构建完会生成一个 miniprogram_npm 文件夹，构建完如果编译报错，再构建一次

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

修改 project.config.json ， setting 中 packNpmManually 与 packNpmRelationList 修改成如下

	"packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram/"
      }
    ],

5、引入
以 Button 组件为例，只需要在 app.json 或者 wxml 对应的 json 文件中配置 Button 对应的路径即可（两个地方，放在任意一个地方即可）。

"usingComponents": {
  "van-button": "@vant/weapp/button/index"
},

6、在WXML文件里直接使用

    <van-button loading type="info" loading-text="加载中..." />