当前位置：网站首页>微信小程序中使用vant weapp

微信小程序中使用vant weapp

2022-07-20 14:34:00 【指针再爱我一次】

打开微信开发者工具到项目中
打开终端输入 npm init 然后一直回车（默认）直至-Is this OK? (yes) 输入y
然后输入 package 回车
输入 npm init -y 回车
安装vant weapp 代码：npm i @vant/weapp -S --production
点击最上方工具->构建npm
将 app.json 中的 “style”: “v2” 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。
project.config.json { "packNpmManually": true, "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./miniprogram/" } ] }
开发者工具中右上角详情-本地设置找到使用npm模块，然后点击工具构建npm
在app.json或index.json中引入组件，详细介绍见快速上手

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

版权声明
本文为[指针再爱我一次]所创，转载请带上原文链接，感谢
https://blog.csdn.net/IT_guoguo/article/details/114596603