1.在终端打开项目

2.在终端输入 npm init 用来初始化然后按回车,直至在miniprogram文件夹下,生成package.json文件。

3.通过npm安装,执行以下命令
npm i vant-weapp -S --production

4.打开微信开发者工具,点击 工具 -> 构建 npm,并点击详情,勾选 使用 npm 模块 选项,构建完成后,即可引入组件


5.引入组件
在子页面中的.json文件。
"van-button": "vant-weapp//button"
在wxml文件中,加入: <van-button type="primary">按钮</van-button>


网友评论