hbuilder创建基于vue2的uniapp小程序项目

参考vant官网:https://vant-contrib.gitee.io/vant/v3/#/zh-CN/quickstart#an-zhuang官网
参考别人博客:https://www.yii666.com/blog/465379.html

1.创建项目

1.1 hbuilder进去右上角点击文件–新建–项目
1.2 vue2项目如下图
hbuilder创建基于vue2的uniapp小程序项目_第1张图片

2.安装依赖

2.1
hbuilder创建基于vue2的uniapp小程序项目_第2张图片
2.2
hbuilder创建基于vue2的uniapp小程序项目_第3张图片

3.main.js中引入vant

hbuilder创建基于vue2的uniapp小程序项目_第4张图片

4.app.vue 中引入vant weapp样式

hbuilder创建基于vue2的uniapp小程序项目_第5张图片

5.效果如下

hbuilder创建基于vue2的uniapp小程序项目_第6张图片
hbuilder创建基于vue2的uniapp小程序项目_第7张图片

你可能感兴趣的:(uni-app,小程序)