前端基建——前端团队技术构建方向指引

前言

在一个前端团队中，构建好前端团队的基建工程，一方面是在个人业绩上能有点亮点成绩，另一方面也是为了统一技术栈，提升开发效率，使得即使是新人也能快速融入团队。以下介绍前端基建的搭建方向，及方向内空举例。
持续学习，持续更新中...

一、前端基建内容概括

• 前端规范文档
• 前端脚手架
• 前端项目模板
• 前端组件库
• 前端工具库
• 前端BFF（微服务）
• 前端CI/CD的构建部署
• 前端数据埋点
• 低代码开发平台（LCDP）:可视化搭建系统
• 微前端

1.1 前端规范文档

• 编辑规范文档——（JS，TS，HTML，CSS，Vue，React等）
• Git规范——（代码提交，分支命名）
• Code Review规范——（CR基本规范，CR内容定义）
• 目录构建规范——Vue3项目目录规范，React目录规范，UniApp目录规范
• 技术栈规范——编程语言，UI框架及框架生态，项目构建工具webpack/vite，包管理器。。。

1.2 前端脚手架

前端脚手架的基本功能当然是快速搭建项目啦，当然，这个功能的最简实现方式就是通过脚手架直接拉取项目模板，通过一些询问式命令实现项目模板的特性化设置。在这基础之上发散就包括：自动化部署，集合工具函数，工具hooks等。

1.3 前端项目模板

模板是从项目业务中提炼出的高屏使用界面工具等的集合。因此项目模板大体分为：Vue项目模板，小程序项目模板，大屏可视化模板，Node相关项目模板等

1.4 前端组件库