MIMO电商平台后台管理系统
项目简介
基于 Vue3 + Vite2 + Typescript 开发的电子商务平台，组件库使用 element plus；数据为 mock 模拟,登录账号密码随意填写；项目处于快速迭代阶段，请注意分支切换；本项目仅供学习交流使用，不足之处望海涵，欢迎提 issue 交流学习 ━(｀ ∀´)ノ亻!目前已完成模块：登录、首页（管理员/商家）、系统管理系统截图
技术栈
Vite v2.5.10Vue v3.2.20Typescript v4.1.5Axiosvite-plugin-mock v2.9.4Element-plus v1.1.0-beta.24项目规范
所有组件的文件夹命名和文件命名用大驼峰，出口文件使用 index 命名；插件命名使用大驼峰，其他所有文件和文件夹均使用小驼峰；样式通过 scss 编写，所有的 css 类名全部小写，并用-连接；全局类型声明和静态数据类型声明在 typings 文件夹中，各模块对应的类型声明在各模块的 typing.ts 中编写；全局参数管理、api 接口管理都在 configs 文件夹中；工具方法统一放在 utils 文件夹中，再分类管理；插件统一放在 plugins 文件夹中；自定义 hooks 统一放在 hooks 文件夹中；页面组件和业务模块组件统一放在 pages 文件夹中，页面组件作为容器组件，用于处理数据、逻辑和布局，业务模块组件是对应页面的 UI 组件，只负责 UI 不负责逻辑；通用组件和其它 UI 组件统一放在 components 中；组件内部书写顺序： 定义响应式数据（ref，reactive）解构自定义 hooks定义 computed生命周期函数其他逻辑代码watch 和 watchEffect vuex 规范： 每个页面模块有自己独立的 vuex 模块，在 store 文件夹中模块化管理state、mutations、getters、actions 分离，在 index 中导入事件类型，在 actionTypes 中管理 mock 规范： 每个模块有自己独立的 mock，统一放在 mock/module 文件夹中mock 工具方法放在 mock/tool.ts 中mock 全局参数管理防止 mock/configs 中项目运行
clone 项目
git clone
安装依赖（如果没有 yarn 推荐使用 cnpm）
npm install cnpm -g --registry=https://registry.yarn installcnpm install
本地运行
yarn devnpm run dev
打包
yarn buildnpm run build
生产环境预览
yarn previewnpm run preview
