1、新建一個文件夾，并且用微信開發(fā)者工具新建小程序快速模板
2、在新建的文件夾中，打開終端（在 VS Code 中的終端也一樣），在終端中依次執(zhí)行

       1、第一步：npm init

       2、第二步：npm install --production

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

執(zhí)行 npm init，文件夾中會自動生成 package.json 文件

執(zhí)行 npm install --production，文件夾中會自動生成 package-lock.json 文件

執(zhí)行 npm i @vant/weapp -S --production ，安裝 Vant Weapp

3、在微信開發(fā)工具中，執(zhí)行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="加載中..." />