vbenAdmin组件迁移到vue2.7+vite+ant1.7.8

vben-admin组件迁移的灵感来源来源——2022年底,由于业务用的是老项目:vue2.6+webpack+vue-cli+antdv1.7.8 。很多新特性不支持,比如ts、tsx还有setup语法糖,更为难过的是启动项目都需要花很多时间,原项目封装的组件有很多的bug。作为一个不太喜欢躺平的菜鸟,自然不想在以后的时间里都用vue2.x的optionApi去写业务,贼难受,最主要的是跟不上前端主流的步伐,自然不想落后,再2022接触到了vben,整体的柑橘还不错,首先想到的是升级为vite+ts,这一步完成之后,才想到将vben组件迁移到项目中来,这是一个漫长的过程,因为这一切都只能在工作之余去完成。历经差不多3个月的时间,陆陆续续的升级,改bug,升级,适配各种操作。今天算是差不多结束啦。后续的工作就是优化迁移的组件和部分vue3.x的新特定在vue2.7上不支持的处理。刚好2022年10月vue2.7发布,这是个不错的契机!

vbenAdmin组件迁移到vue2.7+vite+ant1.7.8_第1张图片

vbenAdmin组件迁移到vue2.7+vite+ant1.7.8_第2张图片 

 Gitee项目地址icon-default.png?t=N176https://gitee.com/ggbhack/vue2-tsx-testv

目前迁移的组件和项目框架适合那些老项目呢?

  1. vue2.x
  2. antdv1.x
  3. js
  4. vue-cli
  5. webpack

项目增强需要了解的知识点

  1. typescript
  2. vue2.x和vue3.x 基础
  3. vite
  4. pinia
  5. i18n多语言
  6. 改别人的项目【最重要】

谈谈在项目升级过程中的感受

  1. 老项目升级是一个很大的挑战同时一个是提升自己的好机会,如果不是这次迁移,我对于vben-admin估计只会停留在使用的层面,对于组件里面的封装思路和vue3.x于vue2.x的区别可能也不知道,会让我更加触及vue的核心知识
  2. 其他项目的组件不想与当前组件混淆,组好新建一个文件来放,我这里用了vbenComonents文件放
  3. 这是一个很漫长的过程,我花了3个月的时间,回家过年期间都还停留在vite的改造及ts的适配
  4. 会有想放弃的时候吗?有,绝对有,有时候一个问题困扰了一个星期都没搞定,很怀疑人生
  5. 大部分研究都放在下班后和周末,我给我自己定了个小计划,不把该项目迁移完,不去学习其他的技术。只能全身心投入进行研究
  6. 项目中很多坑已经放在readme文件中,可以自行去查看
  7. 我做的这一步会不会是大多数程序员存在的焦虑,其实也有,不过我更看重的是对新技术的好奇和探索欲以及在整个过程中自己对自己的要求
  8. 真正能对自己提升的还是需要在实战中去

你可能感兴趣的:(vue,javascript,vue.js,webpack)