今天从github上拉下来一个项目,用以改造成前后端分离模式,公司某个项目,因为原项目技术栈太老,都集成在一个项目中,使得脱离组织结构,不满足开发要求,因为之前这个项目的前端开发走了,开发技术很老,没有用新技术,所有代码集成在一个项目中,导致与当前组织体系不匹配,因为当前前端两个人,后端四个人,这使得项目无法扩展,必须分离开来,才能开展新的页面,所以需要前后端分离。
老大想要的是使用vue3,然后前后端分离开来,为了规范项目,减少从0到1开发成本,建议到github上找成熟项目,当然加工,限期为两个月。
接到任务,为了节省时间,我咨询同事并安装可行翻墙软件,安装完毕后,进入github官网,根据业务功能搜索相关项目,并配上vue3架构要求,一切都很顺利。
一开始,想到csdn中gitee,因为不用翻墙,但找了一圈,发现项目太少了,而且文档不全,演示链接,纯净版,国际化非国际化版本,都没有体现,同一个项目,在github上却十分清晰,这使得我将重心放在githun上,再次对比,发现gitee中同一个项目,只有项目代码,其它啥都没有,像是直接从github上搬过来一般,没人维护,只有孤零零一个项目,文档,维护人,持续更新,bug修复日期都没有,而github上却十分全面,而且一直有人在维护,更新,看趋势官方更倾向于github上,而没有在csdn中的维护,连收藏都寥寥无几,而github上,收藏数早已到达十几k。
在github上拉下来项目后,对比着文档说明下拉并运行,运行起来后,发现天真无比,用的技术栈太多了,自己看到了,除了pnpm,还有很多之前没用到的,项目文档描述的技术栈包括vue3,elementuiplus,ts,而实际项目中远不止如此,不仅有vueuse动画库引用,canvas图形绘制,各种ts,js组合使用,类型限制后还能限制类型,各种类型对象定义,分散在不同文件中,相互引用,elementuiplus中引入的对象,然后限制传入类型,pinia中央仓库,yal文件定义并使用防止魔法值,项目结构也十分分散,互相嵌套,各种引入,还有模板引入,十分晦涩难懂,就像新手面对vue3项目大山般,从没有看过如此规范的项目。
有些无所适从,决定先从下手开始。
先下手,从先动手开始,如何加新模块,要了解哪些,慢慢摸索开始。