微信小程序安装VantWeapp

在安装以前必须先检查是否有node,在终端输入node -v即可查看，没有的话就先安装node

我按照官方文档（vantWeapp快速上手）安装的时候，到最后构建npm发现提示

/xxxxxxxxx/mytest/node_modules/@babel/runtime/index.js: 未找到npm包入口文件

后来发现是缺少package.json文件，于是修改 project.config.json文件复原以后在终端执行如下命令，卸载安装的VantWeapp

npm uninstall @vant/weapp

那么一切从头开始：

1、生成package.json文件

在小程序中打开终端窗口,选择外部窗口打开输入以下命令

npm init -y

输入初始化项目的命令生成 package.json 包，如果使用 npm init 时一路回车即可，也可以以 npm init -y 的形式安装。

2、安装Vant Weapp

输入安装命令

npm i @vant/weapp -S --production

3、修改 app.json 文件（一开始我已经去掉了）

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

4、构建npm

在微信开发者工具左上角找到 工具→ 构建npm。构建完成后，即可引入组件

这一步下来不会出现未找到npm包入口文件，

重新打开项目即可使用组件