平台简介

• 本仓库为前端技术栈 Vue3 + Vant3 + Vite2 版本。

移动端布局方案

• 移动端 Vant3.x + Vue3.x + Vite2.x + Mockjs + Vue-Router4.x + Vuex4.x + REM(postcss-pxtorem) 布局布局的实例运用

<请移步Gitee> Gitee地址下载地址

首次使用项目，建议 npm run mock, 体验效果佳

配置文件说明

• vite.config.js vite 配置文件

• postcss.config.js postcss 配置文件

分支介绍

master 分支

1. 简单 demo 示例。

dev 分支

1. 这里是列表文本通过 mock 数据，实现了首页，某东分类，某多分类，购物车（部分功能），我的(可进入江苏旅游舒适度页面）

前端运行

# 克隆项目
# git clone https://gitee.com/jifengf/vite-vue3-h5.git

# 进入项目目录
cd vite-vue3-h5

# 安装依赖
npm install

# 启动服务
npm run dev
# 启动mock开发环境 npm run mock
# 启动非mock开发环境 npm run dev

# 构建测试环境 npm run build:stage
# 构建生产环境 npm run build:prod
# 构建mock生产环境 npm run build:mock
# 前端访问地址 http://localhost:8000

登录信息

• admin/admin123

演示图

（https://github.com/wax1026/vite-vue3-h5/blob/dev/src/assets/aa71c12e1c110227e4f4d49d15dd2837.gif）