关于 vue-next-admin 重构内容 · Issue #I7JKMY · lyt-Top/vue-next-admin

### 一、现版本 [v2.4.33](https://gitee.com/lyt-top/vue-next-admin/releases/tag/2.4.33)（2023-04-11 22:05） 存在的问题
- eslint 不够严格（本来是想偷懒的，已被喷），由开发者自行定义
- 代码提交、组件名称、文件夹名称定义、组件内标签 order 不规范
- ts 太多 any（一直被喷），涉及的内容有：方法中、组件中、echarts（已被群友喷）
- 封装的组件不够完善
- 代码复用性不强，导致出现 “堆代码” 情况（已被群友喷）
- 缺少实用性 hooks 方法封装（utils）
- element plus 未做按需引入
- 主题文件定义太乱，不易扩展
- watch 监听、mitt 事件总线使用泛滥，导致切换布局或者改变浏览器窗口大小出现一个方法执行多次
- 改配置文件（themeConfig.ts）浏览器需清缓存才生效
- 本地开发第一次加载慢（开发环境，生产环境不会出现该情况）
- pinia 未使用最新语法
- 动画太少，太过生硬
- 未使用 pnpm 进行包管理
- UI 界面太丑
- ...

### 二、重构版本改善的内容
- 保留现有模板功能
- 更加严格的 eslint，大部分可通过 package.json 中的命令进行修复
- 提交规范，不符合 eslint 定义规范的，将提交不了代码（前端限制）
- 更加规范的组件内容编写、尽量去掉 ts any
- 能按需引入的都按需加载引入（element plus、echarts）
- 完善实用组件封装（初始值设置），适合更多业务场景、方法封装（hooks）、代码复用、扩展问题
- 主题优化（针对暗色主题、自定义组件、布局）
- 添加更多动画效果（页面尽量不卡顿）
- 使用 pnpm 进行包管理
- 权限管理 404、403 需完善
- css 定义优化
- 模板内应使用最新语法，尽量少用旧语法
- UI 优化（欢迎懂 UI 设计的群友提供 UI 支持）
- ...

### 三、写在最后

重构原因在于版本不够完美，用起来不好用。还有就是因为我也不会，我也想学习。重构后的名称将命名为 vue-next-admin-plus。

古人云，投我以桃，报之以李！没有花里胡哨的言语，只有一颗实实在在的心，承蒙时间不弃，感谢每一位老哥的帮助、鼓励与支持！能力有限，无以回报，唯有尽心尽力完善和改进框架模板。

开源是一种精神也是一种奉献，但不是义务，别把开源变成一种习惯的拿来主义。开源不易，不喜轻喷！感谢开源，让我的青春永不褪色！

lyt-Top/vue-next-admin

内容风险标识

关于 vue-next-admin 重构内容置顶

评论 (119)

lyt-Top/vue-next-admin .gitee-modal { width: 500px !important; }

内容风险标识

关于 vue-next-admin 重构内容 置顶

评论 (119)

搜索帮助

lyt-Top/vue-next-admin

关于 vue-next-admin 重构内容置顶