Advertisement

小程序引入vant weapp 2023.4

阅读量:

小程序引入vant weapp 2023.4

  • 外语楼app
      • 英语角
          • IOS,
      • Android
      • 小程序,

探索使用uniapp+vue2+vant的路径,hbuilderx编译器
看了半天论七八糟的社区资源,决定先从wx小程序 原生态开始熟悉了再进入uniapp

百度磁盘 代码
链接: https://pan.baidu.com/s/1lB0BtGQ3j7uRojKk1JoEYg?pwd=1234 提取码: 1234

wexin-mp+vant走起:

  1. 新建一个小程序原始项目(2023.4最新版本的)在这里插入图片描述
  2. 按照 vant-weapp.进行配置
    package.json:
复制代码
    "dependencies": {
    "@vant/weapp": "^1.10.16"
      }
    
    
      
      
      
    
    AI写代码

npm install

然后再project.config.json里面进行添加:

复制代码
    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./"
      }
    ],
    
    
      
      
      
      
      
      
      
    
    AI写代码

这里官方文档需要修改的,写得乱七八糟的,3小时的大坑

小程序编辑器里面:
在这里插入图片描述
之后项目目录里面会自动生成一个:
在这里插入图片描述

  1. 代码里面就可以使用了,这里参考vant-weapp的官方文档就好了。

有面的uniapp+vue2+vant有待更新。
不得不说,使用hbuilderx构建混合架构的项目还是比较香的,只是坑太多了,希望其他人可以也帮忙把自己遇到的问题和解决方法整理出来,放到这里让大家使用!

喜欢外语学习的朋友可以一起来“外语楼app”,里面有 英语角,和各种正在开发中的东西。

外语楼app

英语角

IOS,
Android
小程序,
在这里插入图片描述

全部评论 (0)

还没有任何评论哟~