小程序引入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走起:
- 新建一个小程序原始项目(2023.4最新版本的)

- 按照 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小时的大坑
小程序编辑器里面:

之后项目目录里面会自动生成一个:

- 代码里面就可以使用了,这里参考vant-weapp的官方文档就好了。
有面的uniapp+vue2+vant有待更新。
不得不说,使用hbuilderx构建混合架构的项目还是比较香的,只是坑太多了,希望其他人可以也帮忙把自己遇到的问题和解决方法整理出来,放到这里让大家使用!
喜欢外语学习的朋友可以一起来“外语楼app”,里面有 英语角,和各种正在开发中的东西。
外语楼app
英语角
IOS,
Android
小程序,

全部评论 (0)
还没有任何评论哟~
