前端 Vue3 + Vant3 + Vite2 构建移动端框架及DEMO
稍早前,学习了利用 Vue3 + Vant3 + Vite2 构建移动端项目架构,欢迎批评指正。
简单DEMO预览https://gitee.com/jifengf/vite-vue3-h5/raw/dev/src/assets/aa71c12e1c110227e4f4d49d15dd2837.gif
gitee项目地址https://gitee.com/jifengf/vite-vue3-h5
移动端布局方案
- 移动端 Vant3.x + Vue3.x + Vite2.x + Mockjs + Vue-Router4.x + Vuex4.x + REM(postcss-pxtorem) 布局布局的实例运用
首次使用项目,建议 npm run mock, 体验效果佳
配置文件说明
vite.config.js vite 配置文件
postcss.config.js postcss 配置文件
master 分支
- 简单 demo 示例。
dev 分支
- 这里是列表文本通过 mock 数据,实现了首页,某东分类,某多分类,购物车(部分功能),我的(可进入江苏旅游舒适度页面)
前端 Vue3 + Vant3 + Vite2 构建移动端框架及DEMO相关推荐
- vue2.0桌面端框架_vue 专题 vue2.0各大前端移动端ui框架组件展示
element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 ...
- vue2.0桌面端框架_Vue PC端框架
Vue PC端框架 472019.02.22 10:30:20字数 1,749阅读 54,067 1. Element Element,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面 ...
- Electron-Vue3-Vadmin后台系统|vite2+electron桌面端权限管理系统
基于vite2.x+electron12桌面端后台管理系统Vite2ElectronVAdmin. 继上一次分享vite2整合electron搭建后台框架,这次带来的是最新开发的跨桌面中后台权限管理系 ...
- android原生调用nextjs方法,详解使用Next.js构建服务端渲染应用
next.js简介 最近在学React.js,React官方推荐使用next.js框架作为构建服务端渲染的网站,所以今天来研究一下next.js的使用. next.js作为一款轻量级的应用框架,主要用 ...
- 滴滴跨端框架 Chameleon 正式支持快应用
桔妹导读:抗击疫情,桔妹提醒大家出门带好口罩,勤洗手,多通风.武汉加油!中国加油!在大家开工之际,桔妹邀您阅读来滴滴开源专栏内容,为你分享滴滴跨端框架 Chameleon 的最新分享. 0. 目录 点 ...
- vue3+vite3+vant搭建移动端简易模版
前言 vue3.x相关的生态已经在不断的完善中,相应的UI/路由/pinia等都已成熟,新的项目也在考虑使用新版本开发了,开一个帖子记录一下搭建移动端简易模版的过程,方便以后回顾. vite前端构建工 ...
- Web前端开发必不可少的10个开源框架
作为一名前端开发人员,持续学习是必备的技能之一.随着新技术的不断涌现,前端开发框架越来越多,各种框架现.版本的更新此起彼伏. 前端领域的技术不断更迭,让人眼花缭乱.面对这么多框架,我们应该如何选择?接 ...
- 小程序跨端框架(taro/uni-app/kbone)横评之2020版
文章转自:https://www.cnblogs.com/hupingzui/p/12692509.html 微信竟然推出了跨端的kbone,说明跨端的开发已经深入人心:又是新的一年过去了,小程序开发 ...
- pomelo + vscode + typescript搭建可约束可调试的游戏服务端框架
说在前面 pomelo: 它是网易开源的一套基于Node.js的游戏服务端框架,详情请戳这里关于pomelo的种种这里不详细说.点击链接查看详情.但是由于pomelo是js项目,使用起来的时候并不是很 ...
最新文章
- 攻防世界Reverse第六题open-source
- git 新建分支并切换到该分支_Git何谓分支
- Windows Live Messenger 新功能预览
- 华为仿苹果字体_苹果手机和华为手机,同样的网络下为何我的手机网速这么差?...
- Linux export 命令设置环境目录
- java与物联网_java和php做物联网哪个好
- LoadRunner去除事物中的程序的执行时间
- 用Java实现Md5加密工具类
- 43岁,转行当了大学老师
- Android5.1.1-高通msm8916平台添加Etehrnet。(驱动+上层framworks)
- asp微信扫码签到源码
- IDEA连接mysql后,schemas中无表格
- 【原创】简单介绍 Windows XP 中的chkdsk(checkdisk磁盘检查)工具
- 今天腊八,请组里的人到大成Party了,很开心啊!
- Firefox火狐无法启动出现弹窗--小黑日常超细解决教程
- php网站的构成,HTML_HTML网页的基本组成概述,网页中的信息主要是以文本为 - phpStudy...
- 温故而知新CentOS宝塔
- 利用3年日数据检验尾部风险测度(基于风险调整收益)
- 新品速看丨创新微MinewSemi正式推出GNSS高精度卫星定位导航模块
- linux mv 非空文件夹,linux mv 移动文件夹的指令?
热门文章
- Python 爬虫,推荐一款简单的抓包工具(续)
- 计算机毕业设计springboot+vue基本微信小程序的驾校宝典系统-驾照考试系统
- MongoDB简单入门篇及其Spring Boot整合
- 电脑桌面云便签怎么修改账号登录密码?
- 使用cpolar远程访问群晖NAS
- Firefox hijacked by hao123
- html5 等比压缩图片,HTML5实现input:file上传压缩,等比压缩图片、base64和文件互相转换...
- shell输出彩虹色
- Raptor-博客进展(持续记录)
- ai作文批改_网易有道词典推出AI作文批改功能 专业度堪比高考阅卷老师