云开发小程序配置 Vant Weapp组件

1、建立云开发小程序模板

2、在项目的目录 miniprogram 下配置Van组件

（1）执行npm init，默认选择回车，建立本目录下的package.json默认结构文件

（2）执行npm install来安装相关组件

npm install @vant/weapp -S --production

（3）增加文件夹

node_modules 此文件夹中的内容在IDE中是隐藏的，在文件管理器中是可以看到文件的

3、小程序开发工具修改配置

（1）右侧顶部 详情->本地设置-> 选中 "使用nmp模块"

（2）菜单 工具->构建npm

（3）增加文件夹 miniprogram_npm

应该是小程序系统来转换node_modules模块为适应小程序的模块，小程序应该调用的是新增文件夹miniprogram_npm下的文件

4、增加的两个文件夹对比

第一个文件夹 miniprogram\node_modules\@vant\weapp\dist

第二个文件夹 miniprogram\miniprogram_npm\@vant\weapp

对比发现两个文件夹下子文件夹的数量是一致的，都是组件文件夹，

但是前者的文件数多于后者

5、如果不用云开发，直接在项目根目录下执行第2步的操作即可

6、 修改 app.json

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