这是我参与「第四届青训营」笔记创作活动的第3天。
「第四届青训营」 random一个好了 团队笔记产出
本篇文章是团队在项目初期时的对分工合作的一些思考和决策，希望可以为其他团队获取团队协作经验抛砖引玉。
7/31日前项目成员任务分配说明与考虑：
项目任务点的安排根据成员的学年情况和项目经验两点进行考虑。
施XX：准大三？较为丰富的开发经验，有遵循TDD开发原则的实践经验。负责项目开发中TDD实践的落地与代码重构，UI逻辑分离。
张XX：研二，有一定学习能力，本次项目中，希望完成vue2到vue3的过渡，了解完整项目的开发流程。负责项目脚手架开发与组件库初始化。
叶XX：有项目开发经验，vue2仿饿了么，vue3仿网易云音乐。大三，希望收获有含金量的项目经历，有较多的开发和学习时间。与张文晋一同负责项目脚手架开发与组件库初始化。
羊XX：有独立项目开发经验，独立开发项目进入上届前端青训营决赛。主要技术栈为react，vue3可以尝试上手。啊这，我一时没有分配任务。。探索sentry使用和微前端均有。
唐XX：vue3完成非遗项目，有项目合作经验，较多学习时间。负责微前端落地实践。
刘XX：准大二，有vue2项目经验，react在学，有一定学习能力。负责unocss落地实践。
王XX：电商平台项目经验。有实习经验，公司项目有中台流量监控，流量异常监测，组件开发经验。负责微前端落地实践。
朱XX：较为擅长信息整理，过去信息积累暂时关注于知识广度，现今正补全知识深度。关注前端工程化、团队开发，软件架构设计，持续关注前端开发技术趋势。有nest.js后端开发经验，有一定学习能力，能快速投入项目需要。
「编外人员不做基础时间投入要求和产出要求，凭个人意愿即可，不占据小组成员名额。」
编外-代XX：技术栈为python+django。现实践项目基于前述技术栈的云服务器监控平台，目前已实践出后端实践sentry的小demo。
编外-张XX：Java后端，负责rabbitmq与redis实践。
任务分配粒度的考虑：
- 我们暂定任务的集中度没那么高的原因：
-
-
个人这前几天时间投入不稳定，没有设备，处理问题速度受限。
-
项目复杂度的考虑：
- 监控系统类似于后台，个人所见的用于管理响应式布局的框架实践会涉及到状态的存储（使用pinia），比如应用查询正使用应用的设备为移动设备或PC端设备，之后将标识存储等等。系统结构设计还需要时间。
- 项目中结构粒度的划分，布局样式的确定，几行几栏，页头页尾等等。确定完粒度后，组内成员合作的内容才好划分。
- 第一观感来看，在前端项目埋的错误申报，信息会传送到sentry监控后台，sentry本身有一个可视化界面，是一个需启动的项目。我们前端监控系统项目（貌似？）是做一个图表集成度较高的数据可视化页面。那么，受控前端应用传输的数据，在 受控应用 - sentry后台 - 数据可视化后台， 三者之间如何传输？
-
出于小组成员收获的考虑：分配的任务具有一定独立性，可供成员深挖。如此，我们各自在简历中都最起码有区别于常见前端合作中编写项目组件等等的有一定深度的项目经验，也增加小组各成员对项目的贡献度。
-
项目竞争力的需要：如果可能，我们先今划分的任务点：TDD、微前端、脚手架与npm组件库初始化，若有一定完成度，根据上届评比标准，技术复杂度、项目创新性两个指标我们理应有一个不错的分数。
-
qiankun文档以webpack构建工具为基础，与我们的技术栈vite冲突
乾坤作为承载微应用的框架，微应用本身技术栈不受影响，可能只需要我们付出qiankun框架本身使用webpack作为构建工具的学习成本？我们的开发不受影响，vite也是vue框架开发的一个趋势（vite决定一年度一个大版本更新？之前看到）。
脚手架用两套还是vue、react各开发一套
并不冲突，如vue-cli一样可以有不同框架模版，暂时只关注vue3框架的模版即可
脚手架开发的原因：
比如项目中集成tailwindcss，会需要配置tailwindcss、postcss等文件内容，vue3+vite项目，vite有部分不错的插件，比如样式自动引入，组件库自动按需倒入，组件名直接写在
组件库初始化，考虑到unocss的一些特性，我们或许可以开发一个组件库。
## 如何搭建项目脚手架
- npm包、脚手架搭建文章
- 脚手架需要做的事：
-
-
vite使用tsx/jsx需要使用插件 npm install @vitejs/plugin-vue-jsx -D
-
代码规范有现成的集成包，我们实践使用即可。前端工程化-代码规范相关文章我后期整理并分享在组内wiki中。
-
需要确定项目技术栈，使用的css辅助（tailwindcss、windicss、unocss等等）
-
在确定项目技术栈之前，因为npm包发布可以有多个版本，所以脚手架开发可以是渐进式的，可以先整合最基础的模版，之后逐步引入其他特性。
项目现问题与准备：
-
项目问题：
如何正确捕获前端错误？
项目响应式的处理方案。
数据存储格式，用于后端数据表的建立。
测试覆盖率
准备需求：
组件开发时尽量实践tsx写法，不会可以使用jsx或js方式编写。
小组预期每四到五天一次会议。前期基础任务点最好能在7月底有demo产出。
小组知识分享的建议：
小组内成员有各自的分工，我们小组不排斥成员跨开自己任务去了解其他任务知识点的行为，当然，还是希望各位能尽早产出自己任务点的小demo。
每个人能投入在项目中的时间也有限，也不可能强硬要求所有人花大量时间在项目中，请自行安排好个人时间。
关于知识分享：如上，人人时间有限，不一定能对分享的与自己任务点相关度不高的文章内容进行实时了解，所以最好分享内容的成员，自己对分享的内容有所了解，整理成文档最好，也可自行梳理文章内容，在讨论项目走向时分享观点和建议，提出议程，这样应该更为高效。
分享的文章请总结于wiki知识库-前端小组学习的个人所属文档下，避免遗漏。
如果时间允许，请简洁声明分享文章的关键句，与文章浏览后，我们可能可以收获的内容。
文章最后，如果帮助，可以点个赞支持一下。
