微信小程序使用第三方组件库

使用vant weapp来快速构建小程序

 

1.首先在项目文件夹下使用npm init 生成一个package.json的配置文件

 

2.然后输入组件提供的快速初始化的命令 npm i vant-weapp -S --production

 

3.工具---构建npm

微信小程序使用第三方组件库_第1张图片

 

4.在最右边详情里勾选上使用npm模块

微信小程序使用第三方组件库_第2张图片

5.在需要引用组件库的页面json文件里,添加:"usingComponents": { "van-button": "/path/to/vant-weapp/dist/button/index" },删除多余的路径

 

然后就可以在wxml页面里直接使用组件啦

微信小程序使用第三方组件库_第3张图片

 

 

 

 

转载于:https://www.cnblogs.com/rmty/p/10898971.html

你可能感兴趣的:(微信小程序使用第三方组件库)