# vite-vue3-shop

**Repository Path**: zouchengxin/vite-vue3-shop

## Basic Information

- **Project Name**: vite-vue3-shop
- **Description**: Vue3 + Vite2.7 + vuex4 + vue-router4 + axios + vueuse + windicss 仿京东商城
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: https://zouchengxin.gitee.io/vite-vue3-shop
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2022-01-14
- **Last Updated**: 2022-08-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vite, vue3, 商城

## README

## 项目简介

本项目仿照京东商城:[https://pro.m.jd.com/mall/active/8tHNdJLcqwqhkLNA8hqwNRaNu5f/index.html#/index](https://pro.m.jd.com/mall/active/8tHNdJLcqwqhkLNA8hqwNRaNu5f/index.html#/index)

前端技术栈：Vue3 + Vite2.7 + vuex4 + vue-router4 + axios + vueuse + windicss
后台技术栈：uni-app + uniCloud + uni-admin

## 开发工具

- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

## 体验地址
前台地址：[https://zouchengxin.gitee.io/vite-vue3-shop](https://zouchengxin.gitee.io/vite-vue3-shop)
- 账号：zcx
- 密码：123456

后台地址：[https://static-b33db069-91a2-42ff-a831-31fbd5a04b97.bspapp.com/admin](https://static-b33db069-91a2-42ff-a831-31fbd5a04b97.bspapp.com/admin)
- 账号：admin
- 密码：123456

## 功能
前端：
- http：取消重复请求，响应缓存，失败重发，加载提示(.env配置)
- 页面：keep-alive组件搭配vue-router实现页面缓存(.env配置,vue-router.meta配置)
- vuex：持久化存储(.env配置)
- 指令：v-loading加载指令，v-empty空指令
- 图标：[iconfont-阿里巴巴矢量图标库](https://www.iconfont.cn/)
- types：vuex，router，axios，env声明文件以获得typescript提示
- pwa：vite-plugin-pwa插件以支持离线应用
- router：vite-plugin-pages插件自动根据文件系统生成相应路由信息
- 兼容移动端：postcss-pxtorem插件自动px转换rem
- 登录：支持QQ，Gitee登录
- 公用组件：城市选择器(CityPicker)，轮播图(Swiper,SwiperItem)，轻触提示(Toast)，弹窗(Model)，对话框(Dialog)