小程序 VUE vant

本文主要是介绍小程序 VUE vant，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

创建项目
1.cmd到目录执行
       1、第一步：npm init

       2、第二步：npm install --production

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

2.在微信开发工具执行npm 构建(构建完会生成一个miniprogram_npm文件夹),并且项目详情 本地设置 设置为使用nmp模块

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

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

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

{
  ...
  "setting": {
    ...
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./项目名/"
      }
    ]
  }
}
文档
https://vant-contrib.gitee.io/vant-weapp/#/home

这篇关于小程序 VUE vant的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---