微信小程序项目使用npm安装vant-weapp的正确步骤

1、在当前小程序项目目录
npm init -y 构建npm项目

2、运行命令 npm install vant-weapp -S --production
安装完 发现在当前小程序目录下新增node_modules目录 下面有了vant-weapp组件文件夹 如下图：

3、详情里面：选中使用npm模块

4、进入微信开发工具：选择 工具 -> 构建npm

5、下面以引入button组件到某页面为例子：

在此页面的.json中配置

"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
},

然后在此页码的wxml中

<van-button type="default">默认按钮</van-button>
<van-button type="primary">主要按钮</van-button>
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>

重新编译项目 发现 已经正常引用了！！

简单易懂的操作 喜欢的朋友们可以关注一下 Jason

兄弟姐妹们，点波关注吧，一起分享有趣的技术！

掘金： https://juejin.cn/user/3034307824456296/posts 全部原创好文

CSDN： https://blog.csdn.net/qq_42753705?type=lately 全部原创好文

segmentfault 思否： https://segmentfault.com/u/jasonma1995/articles 全部原创好文

博客园 ：https://www.cnblogs.com/Jason1995/ 全部原创好文

微信小程序项目使用npm安装vant-weapp的正确步骤，简单易懂！！的相关教程结束。