Skip to content

🛒 v-shop 是一个移动端 H5 商城

License

Notifications You must be signed in to change notification settings

JoeshuTT/v-shop

Repository files navigation

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、eruda),支持获取设备信息

🔥 预览

🛠️ 产品

  • 版本:v3

  • 前端:vueJs + Vant

  • 后端:api 工厂

  • 运行平台:移动端 H5

  • 设计稿画布尺寸:375x667

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

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

  • 已实现功能清单

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

🔨 使用

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

获取项目代码

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

# 或者 gitee(国内)
git clone https://gitee.com/Joeshu/v-shop.git

# 进入项目目录
cd v-shop

安装依赖

# 通过 pnpm 安装
pnpm install

本地运行

pnpm run dev

打包发布

pnpm run build

💎 Changelog

⭐ 作者

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

微信不加蟹蟹,有疑问加 qq 群:262053992 问。

📃 开源协议

v-shop 遵循 MIT 协议。