当前位置:   article > 正文

vue3 + JS + vant 搭建移动端H5项目(完整项目)_vue3 h5框架

vue3 h5框架

前言

要成功,先发疯,头脑简单往前冲!

三金四银,金九银十,多学知识,也不能埋头苦干,要成功,先发疯,头脑简单往前冲!
项目用于新手学习,也适用于正式项目框架,如有需要欢迎咨询!


H5通用框架首页 || 我的页面 || 404页面

项目采用最新的 vue + js + vant 框架搭建路:
	1、路由配置
	2、css初始化
	3、rem适配方案基准
	4、引入vant组件
	5、pinia以及数据持久化处理
	6、全局config.js配置
	7、tabbar全局封装处理
	8、环境变量处理
	9、vue.config.js中的devServer和代理配置
	10、等其他配置
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

1、移动端UI框架


移动端框架采用,vant搭建,【官网链接

vue3.2搭建时控制台会有如下错误,需要进行配置后方可解决:主要原因是eslint 警告处理:设置lintOnSave: false,

在这里插入图片描述

2、搭建步骤


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

更多详细配置请预览项目获取

3、config.js 配置


在这里插入图片描述

更多详细配置请预览项目获取

4、一键发布到服务器iis或者nginx代理


学习教程node+koa2+vue+mysql

5、vue3+JS+Vant 移动端H5项目预览


-项目预览-

推荐阅读
相关标签