小程序引入Vant Weapp比官网更全的教程
2019-03-20 本文已影响0人
O蚂蚁O
一、下载微信开发工具[https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html]
二、在本地新建一个空文件夹
三、打开微信开发者工具新建小程序快速模板
四、cmd到当前目录执行
1、第一步:npm init
2、第二步:npm install --production
3、第三步: npm i vant-weapp -S --production
五、在微信开发工具执行npm 构建
npm 构建.png构建完会生成一个miniprogram_npm文件夹
20190320112249.png
(构建完如果编译报错,再构建一次就好了)
六、应用vant-weapp
1、需要在想相对应的.json文件里添加配置:
{
"usingComponents": {
"van-button": "../../miniprogram_npm/vant-weapp/button/index"
}
}
2、然后就可以在WXML文件里直接使用
<view class="container">
<van-button type="primary">按钮</van-button>
</view>