美文网首页
微信小程序引入vant-ui

微信小程序引入vant-ui

作者: Nosaj | 来源:发表于2019-06-25 01:26 被阅读0次

    本篇文章大前提是将vantui安装到了小程序的根目录下 具体设置可以在project.config.json 的miniprogramRoot内修改

    1. 初始化项目 运行 npm init ,然后配置相关信息,可以全部回车
    2. 安装npm包   npm install --production
    3. 安装vantui  npm i vant-weapp -S --production
    4. 工具栏 点工具>构建npm 等待5到30秒 完成
    5. 根据文档在页面文件夹里的json文件内引入相关组件 注意修改相对路径
    如:
     "usingComponents": {
      "van-button": "path/to/vant-weapp/dist/button/index"
    }
    改为
    "usingComponents": {
      "van-button": "../../miniprogram_npm/vant-weapp/button/index"
    }
    







    装逼也得有资本

    相关文章

      网友评论

          本文标题:微信小程序引入vant-ui

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