vue相关组件同步 | 青训营笔记

126 阅读3分钟

这是我参与「第四届青训营 」笔记创作活动的的第5天。

在与小组成员协商大作业项目的开发过程中,除了代码同步,我们也遇到了一些框架与包管理相关的问题,在这里记录下方便总结。

1.vue版本问题

一开始我们协商好了vue、typescript、vite等的版本尽量最新,然而我在同步另一位同学的代码的时候,代码依旧报错vue大版本不匹配(vue3的代码显示运行的vue版本是vue2)。我们通过命令行输出确认了各自安装的版本,均是vue3,而在项目根目录下git bash npm install以解析tsconfig.json并更新安装后,问题解决了。仔细思索安装过程后我觉得问题可能出在安装vue的方式不同,我通过vite安装了配套的vue3,而那位同学应该是先安装vue3再安装的vite,在命令行输出时,虽然我们显示的都是vue3,但是版本号的形式其实不同。当然也有可能是在上传代码仓库的过程中忽略了一些上传文件的冲突。

2.包管理问题

在传递代码的时候,我们发现项目根目录下node_module中包含的模块太多,无论是上传github还是直接发送都很麻烦,后来通过查找资料我们发现不需要上传这个文件夹,通过gitignore忽略这个文件夹后,每次pull完代码在本地npm install解析tsconfig.json,以更新安装补上新添加的包。

3.安装问题

如果有同学将git安装到了c盘,启动一些更新下载相关命令会报错本地文件夹无法访问,这时需要右键管理员启动git bash或命令行切换管理员。代码的运行目录路径如果有中文可能也会报错安装出错,这一点也需要注意。

4.一些感想

在协作完成代码的过程中,难免会出现同步后代码因为各种原因无法运行的问题。如果可以独立出一个本地的稳定的测试环境,会有利于代码开发效率的提升。毕竟大家都是云端合作,解决bug的沟通需要的时间比较长。但是本地环境就不太方便代码的同步了,在没有完全测试完代码前不拉取新的代码也是一种方法。

协作过程中,也难免会出现意见不合的情况。多年的小组作业经验告诉我,多沟通、多解释其实也是一种互惠互利,而不是一感觉其他组员解释的不够好,专业术语太多或者水平低过自己就觉得无法沟通,将自己筑进言语的围墙。宏观经济学告诉我们,就算一个区域的生产力水平水平总体都高于或低于另一个区域,发挥优势而将一部分生产让渡也会更有利于经济的发展。合作就是如此。