图文并茂学习记录从零开始进行微信小程序开发+引入Vant Weapp组件

新建项目

在这里插入图片描述
在这里插入图片描述

创建页面

在这里插入图片描述

让人崩溃的东西来了

在这里插入图片描述

经过研究，发现这个图标不可以放在二级，只能一级

项目初始化

在这里插入图片描述

引入VANT组件库

文档地址：https://youzan.github.io/vant-weapp/#/quickstart
在这里插入图片描述
在这里插入图片描述

去掉这个代码，因为它可能会和组件库冲突

在这里插入图片描述
在这里插入图片描述

配置一下，打钩钩

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用组件示例

在这里插入图片描述
在这里插入图片描述

大概就这么多啦，等我写完代码我把打包上线步骤也加上~~

在这里插入图片描述

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/sugartang/p/15585287.html