本项目基于：https://github.com/GeekQiaQia/vue3.0-template-admin

vue3+ts+vite

vscode+vetur,并且 "vetur.experimental.templateInterpolationService": true,

• script setup 目前是处于 RFC 阶段，要获得对语法的适当 IDE 支持，请使用 volar 而不是 vetur(禁用)

• Git Hook 工具：husky + lint-staged

• 代码规范：EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide

• 提交规范：Commitizen + Commitlint

• eslint-plugin-vue eslint-plugin-vuevue 官方 eslint 插件 这个插件允许我们使用 eslint 检查和<script>,以及文件中的 vue 代码
• axios 强大的前端请求库
• fues.js fues.js Fuzzy Search 前端模糊搜索 小型和中等数据进行前端模糊筛选
• echart echart 数据可视化
• antv antv 蚂蚁数据可视化
• xlsx xlsx SheetJS
• jszip jszip 优秀的前端压缩库
• mockjs mockjs 模拟和交互数据
• wangeditor wangeditor 富文本编辑器
• fullcalendar fullcalendar 丰富的日历插件

功能

• Element Plus

• ***导入导出 Excel

• 导出 Zip 文件

• ***拖拽组件

• ***富文本编辑器

• ***markdown 编辑器

• ***国际化

• ***支持切换主题色:一键换肤

• ***指令权限：v-permisson /全局方法：$permission (参考 tableList.vue)

• ***可拖拽弹窗

• ***导航模式切换

• ***内容区域控制

• ***图片拖拽/裁剪

• N+1 多级菜单

• 表格

• 引导页

• 表单

• 图表 :antv or echart

• 二维码生成

• 个人页

• 登录/注册页

• 404 / 403

• 菜单管理

• 角色管理

• 自定义图标

• 项目看板

---

• 重构 request.ts 请求，使其灵活可配置化；
• 使用 AES 加密方式，对密码进行安全加密；
• 完成换肤切换功能，使用 ElementPlus theme-chalk 实现换肤
• 重构登录注册页面，完善忘记密码交互以及必填字段校验
• 设计角色管理，选择不同的角色，授权不同的菜单
• 根据不同的登录用户角色，展示不同的菜单
• 【enhance】 vite 不同环境变量配置