{"repo":"macrozheng/mall-app-web","free":true,"listed":false,"github":"https://github.com/macrozheng/mall-app-web","clone":"git clone https://github.com/macrozheng/mall-app-web.git","description":"mall-app-web是一个电商系统的移动端项目，基于uni-app+Vue3实现。主要包括首页门户、商品搜索、商品展示、品牌专区、购物车、订单流程、支付、会员中心等功能。","language":"Vue","stars":1064,"topics":["uniapp","vue","vuejs","vuex"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"mall-app-web 前言 该项目为前后端分离项目的前端部分，后端项目 mall 地址：传送门。 项目介绍 mall-app-web 是一个电商系统的移动端项目，基于 uni-app+Vue3 实现。主要包括首页门户、商品搜索、商品展示、品牌专区、购物车、订单流程、支付、会员中心等功能。 项目演示 项目在线演示地址：https://www.macrozheng.com/app/ 效果展示 技术选型 技术 说明 官网 ---------- ---------------- ------------------------------ Vue 3 核心前端框架 https://vuejs.org Pinia 全局状态管理框架 https://pinia.vuejs.org TypeScript 类型系统 https://www.typescriptlang.org uni-app 移动端前端框架 https://uniapp.dcloud.io Vite 构建工具 https://vitejs.dev Sass CSS 预处理器 https://sass-lang.com ESLint 代码质量检查 https://eslint.org Prettier 代码格式化 https://prettier.io 项目结构 搭建步骤 - 本项目使用了 VSCode 开发，下载地址：https://code.visualstudio.com/ - 该项目为前后端分离项目，访问本地访问接口需搭建后台环境，搭建请参考后端项目传送门； - 注意由于 mall-app-web 中的接口都在 mall-portal 模块中，所以一定要启动该模块； - 访问在线接口无需搭建后台环境，只需将 .env.development 文件中的 VITE API BASE URL 改为线上地址即可：https://portal-api.macrozheng.com - 克隆源代码到本地，使用 VSCode 打开，使用 npm install 命令安装项目依赖； - H5 端运行：在 VSCode 中使用 npm run dev:h5 运行项目，运行成功后打开下面地址（将浏览器改为手机模式）：http://localhost:5173 - 微信小程序端运行：在 VSCode 中使用 npm run dev:mp-weixin 运行项目，运行成功后在 微信开发者工具 中导入项目的 \\dist\\dev\\mp-weixin 即可运行 公众号 学习不走弯路，关注公众号「 macrozheng 」，回复「 学习路线 」，获取 mall 项目专属学习路线！ 加微信群交流，公众号后台回复「 加群 」即可。 许可证 Apache License 2.0 Copyright (c) 2020-2026 macrozheng","default_branch":null,"files":null,"tree":[],"storefront":"/r/macrozheng","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/macrozheng/mall-app-web/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}