小程序

小程序引入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>
上一篇下一篇

猜你喜欢

热点阅读