微信小程序和uni-app使用vant-weapp

原生微信小程序使用

1. 找到app.json文件，删除 “style”: “v2”, 这个特性。
2. 在开发工具右上角详情–本地设置-- 勾选 使用npm模板
3. 在调试器栏中–终端–点击 新建终端
4. 输入命令 npm init (防止小程序不自动创建package.json)，出现需要输入的时候，回车10下
5. 输入 npm i @vant/weapp -S --production 等待完成后就多了一个node_modules的文件
6. 点击开发工具最上方的 工具–构建npm 完成后就多出了一个miniprogram_npm 文件，点击确认就完事了。
7. 例：找到要使用的页面json文件，在 usingComponents 中输入 “van-button”: “@vant/weapp/button/index”
8. 例：在使用的页面wxml文件中输入对应的，标签就可以

uni-app使用

vant-weapp源码链接

1. 在github里面下载源码压缩包并解压
2. 在uniapp中pages同级下创建新文件夹wxcomponents
3. 将源码包中的dist文件夹复制到wxcomponents文件夹下，并将dist改名为 vant
4. 如果是单页面使用就在uniapp中pages.json文件中相应的页面"style"下"usingComponents":{}引入组件，并在对应页面中使用标签
5. 如果是全局使用就在uniapp中pages.json文件中的 “globalStyle” 下 “usingComponents”:{}引入相应的组件