美文网首页
小程序引入Vant Weapp

小程序引入Vant Weapp

作者: 泪滴在琴上 | 来源:发表于2020-07-13 16:23 被阅读0次

    1、在本地新建一个空文件夹
    2、打开微信开发者工具新建小程序快速模板
    3、cmd到当前目录执行

            1、第一步:npm init
           2、第二步:npm install --production
           3、第三步: npm i vant-weapp -S --production
    

    4、在微信开发工具执行npm 构建
    菜单栏:工具->构建npm
    构建完会生成一个miniprogram_npm文件夹


    微信截图_20200713162239.png

    5、应用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>
    

    作者:O蚂蚁O
    链接:https://www.jianshu.com/p/4cb92bcd2ef6
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    相关文章

      网友评论

          本文标题:小程序引入Vant Weapp

          本文链接:https://www.haomeiwen.com/subject/dytzcktx.html