基于 Vant 的移动端项目（H5）商城

[JoeshuTT]

v-shop

🌈 简介

v-shop 是一个前端免费开源的企业级移动端（H5）商城，使用 vue3 typescript vite vant 等前端前沿技术开发，也可用于学习参考。

✨ 特性

• 💪 使用前端主流技术栈搭建
• 🍭 使用 api 工厂 提供的开放 API 接口
• 🍭 Vant 设计风格，支持 Vue 2、Vue 3
• 🍭 清晰的项目结构，业务代码的最佳实现
• 🍭 使用 TypeScript 开发
• 🍭 使用 AlloyTeam ESLint 规则， 规范项目代码
• 🍭 支持页面栈导航体验，使用 vue-page-stack-router实现
• 🍭 使用 postcss-mobile-forever 限制视口单位最大值，提升桌面端可访问性
• 🎨 支持动态切换主题，支持动态加载 vconsole 面板

🔥 预览

• 🎉 v2 Vue 2 + Vue CLI 4.5
• 🚀 v3 Vue 3 + Vite 2

🛠️ 产品

• 版本：v3

• 前端：vueJs + Vant

• 后端：api 工厂

• 运行平台：移动端 H5

• 设计稿画布尺寸：375x667

• 设计稿图片管理: 《v-shop UI —— 语雀》

• 商品模拟数据源： 小米商城

• 已实现功能清单

  ├─登录注册
  ├─Tabbar
  ├─个人资料
  ├─主题(暗黑、配色)
  ├─优惠券
  ├─售后
  ├─商品
  ├─商品分类
  ├─异常
  ├─收货地址
  ├─积分
  ├─订单
  ├─购物车
  └─钱包
  

🔨 使用

Node.js 版本需要在 16.x 以上

获取项目代码

# 通过 github 拉取（最新）
git clone https://github.com/JoeshuTT/v-shop.git

# 进入项目目录
cd v-shop

安装依赖

# 通过 pnpm 安装
pnpm install

本地运行

pnpm run dev

打包发布

pnpm run build

💎 Changelog

• 主要改动

⭐ 作者

如果觉得项目不错，或者有帮助到你，希望你可以去 Github 或者 Gitee 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。