电商后台Demo

项目介绍

用于商品管理的后台Demo

技术栈

• Vue3 | Pinia | ElementPlus
• Vite
• Typescript

主要功能

• 商品管理。
• 用户权限管理，按钮级别的权限控制。
• 路由权限管理。

项目收获

1. 结合 vite、prettier、eslint 等工程化工具从零到一搭建了整个项目。
2. 对 vite 的构建策略及优化进行了实践。
3. 结合各种插件，提升开发体验。例如 自动导入api，自动导入组件，自动引入图标等。
4. 结合 ts 对 axios 进行二次封装。保证接口的预期性、提升axios的使用体验。
5. 通用组件的封装，例如 表格组件、表单组件、loading按钮、双击输入框 等。

Demo

点击体验