微信小程序制作(Vant Weapp)

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>
经验分享 程序员 微信小程序 职场和发展