上一篇

（口头禅还是不能少的🤣🤣🤣）

灵魂拷问：你安装了Nodejs吗?

😎😎😎没安装的先看这位大佬的博文Nodejs的安装与配置😎😎😎

1. 初始化npm

npm init

如果出现终端无法输入的情况，先重启开发者工具，如果还是无效可以使用外部终端,如下（正常输入可以忽略）

2. 通过 npm 安装

输入以下内容

npm i @vant/weapp -S --production

报错了？一堆红色的错？

修改完成后重新打开一下开发者工具，在终端输入前面说的的内容

3.去掉app.js里面的"style": "v2"这句

4.修改 project.config.json

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

5.构建 npm 包

测试是否成功

这里先重启一下开发者工具

npmTest.json

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

<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>