小程序vant-Weapp保姆级安装教程_vantapp

官方文档：Vant Weapp - 轻量、可靠的小程序 UI 组件库轻量、可靠的小程序 UI 组件库https://vant-contrib.gitee.io/vant-weapp/#/quickstart

一、在根目录下的终端中输入：npm init

二、继续输入：npm i @vant/weapp -S --production

三、修改 app.json

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

四、修改 project.config.json

开发者工具创建的项目，miniprogramRoot 默认为 miniprogram，package.json 在其外部，npm 构建无法正常工作。

需要手动在 project.config.json 内添加如下配置，使开发者工具可以正确索引到 npm 依赖的位置。

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

五、在根目录的miniprogram文件夹中构建npm，即在该文件夹里生成miniprogram_npm。

• 点一下miniprogram文件夹  呈打开状态，
• 然后 点击  工具—>构建npm。​​​​就会在miniprogram文件夹里生成miniprogram_npm文件夹。
• 如果你生成的这个miniprogram_npm文件夹不在miniprogram里面，你只需要将它拖进去就可可以了。 ​​​

  

•