1.微信开发者工具创建小程序
2.cmd进入到WeChatApp目录,npm init,一路回车直到结束
3. npm i @vant/weapp -S --production
4.将 app.json 中的 "style": "v2"
去除
5.构建npm包
6.到这一步就创建完成并成功引入组件
7.以 Button 组件为例,只需要在app.json
或index.json
中配置 Button 对应的路径即可。
// 通过 npm 安装
// app.json
"usingComponents": { "van-button": "@vant/weapp/button/index" }
8.引入组件后,可以在 wxml 中直接使用组件
<van-button type="primary">按钮</van-button>