微信小程序项目使用npm安装vant-weapp的正确步骤,简单易懂!!

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

1、在当前小程序项目目录

npm init -y 构建npm项目

2、运行命令 npm install vant-weapp -S --production

安装完 发现在当前小程序目录下新增node_modules目录 下面有了vant-weapp组件文件夹 如下图:
微信小程序项目使用npm安装vant-weapp的正确步骤,简单易懂!!_第1张图片

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

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

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

在此页面的.json中配置

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

然后在此页码的wxml中

 默认按钮
主要按钮
信息按钮
警告按钮
危险按钮

重新编译项目 发现 已经正常引用了!!
在这里插入图片描述

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

你可能感兴趣的:(开发者工具)