1、项目说明

1.起因

  从ts、vue3等一系列框架出世之后,就想改造旧框架项目(性能、编码)。
 
  最开始接触vue-element-admin就感觉这个框架的强大,然而vue3版还迟迟没有开始。所以现在需要一个新的框架来编写项目,但是在搜索了一些vue3版element-plus+ts的框架,没有看到很满意的(收费除外),在看到vben的时候,一下就被吸引住了,但UI框架是使用antd的,因此想借此框架改造成elemeng-plus版,同时借鉴其他优秀的开源项目设计思想。
 
  现在前端技术发展迅速,Vben用到的技术大部分也陌生,所以必须了解这些技术,同时分类,按了解、必须、深入不同程度标记技术的学习曲线,梳理一张前端技术脑图。
 
  个人觉得要熟悉一个框架,首先要从框架设计上解读整体架构,再从一个点慢慢深入最后完成细节上闭环。
  
  当然,项目搭建过程中如有错误,请大家多多指教。

2.VbenAdmin技术

  大致看了一下里面的技术,可以说是Vue3最优的选择,虽然UI组件是antd vue。在转成element-plus版本,首先要充分理解作者的设计意图,这对于我来说更是一个挑战。Vben中使用了大量的新技术,包括Vite打包工具等,可以说Vben挺适合作为学习前端新技术的模板之一。
 

3.VbenAdmin使用

  个人技术有限,无法从专业角度分析该框架的性能,但从使用者的角度上,VbenAdmin整体上非常丝滑,不臃肿。

4.VbenAdmin功能 

  VbenAdmin功能上,可以说是大部分衔接vue-element-admin的框架功能,这对于学习前端框架人员来说过渡太友好了。当然vue-element-admin的还有额外扩展功能,后续在VbenAdmin完全转换成element-plus后也会按框架设计思想重构添加。

5.VbenAdmin链接

posted @ 2021-10-09 15:36  很多年后。  阅读(757)  评论(0)    收藏  举报