如何提高前端研发效能
#前端管理
目录
总结
- 标准与规范 → 保障底线
- 前端研发生命周期&研发全链路
1. 标准与规范 → 保障底线
就是需要在前端研发生命周期&研发全链路各个环节建立标准和制度，保障底线
1.1. 项目脚手架标准化
比如分 H5、PC端、小程序等
# 统一的项目初始化模板
└── template/
├── base/ # 基础模板
├── pc/ # PC端模板
├── h5/ # 移动端模板
└── admin/ # 管理后台模板
但脚手架最大的问题是泼出去的水，如何解决呢？
1.2. CI、CD流程标准化
- 前端配打包工具比如
webpack、vite配置标准化 - 流水线构建脚本标准化等
- 跑通单侧
1.3. 代码规范自动化
eslint工具标准化，统一的代码规范- 编辑器格式标准化
.prettierrc
- 团队统一的代码规范配置
1.4. Git 工作流规范
- 分支策略
- commit message 规范
1.5. 研发流程规范
- 设计稿
- 前后端联调
- 提测上线
- 等等
1.6. Code Review check 清单
- 各种
Lint工具是否通过 - 功能完整性
- 实现是否完整
- 边界情况处理
- 测试覆盖
- 单元测试
- 集成测试
- 性能考虑
- 资源加载优化
- 运行时性能
- 代码规范符合要求
- 核心逻辑是否完备
- 是否有单元测试
- 性能是否优化
- 文档是否更新
2. 提效
- 研发体验
- 开发环境优化，构建速度，热更新等
- 调试工具集成
- 比如日志、性能数据打印
- Chrome 开发者工具插件
- 开发小程序工具
- 能自动化的自动化
- 构建自动化
- 自动化脚本
- 甚至测试自动化
- 团队协作提效
- 文档、开发文档
- 知识库建设
- 技术文档
- API 设计文档
- 代码注释等
3. 沉淀
- 沉淀：组件库建设
- 基础组件
- 业务组件沉淀
- 关键点在于如何运营组件，持续构建
- 经验沉淀，踩坑记录等等
- 其他前端资产沉淀，比如文档
- 知识库建设
- 技术方案沉淀
- 最佳实践分享
- 问题解决方案
- 新技术调研报告
- 知识库建设
4. 稳定性
- 性能监控，各类指标
- 定期效能评估
- 瓶颈分析
- 优化方案制定
- 效果跟踪
- 也包括构建速度等研发过程数据
- 错误上报
- 业务数据上报
- 数据化运营，数据说话，数据思维很重要
- 效能度量与优化
- 能度量的一定要度量，甚至平时优化个构建速度，也有
5. AI 辅助开发
如果条件允许，使用 AI Copilot 等工具
6. OKR 牵引
- ==公开透明的团队 OKR==
- 个人 OKR
- 全员 OKR
- 目标牵引的作用
7. 技术文化&交流文化
正常流程： 要根据团队实际情况，选择合适的切入点，循序渐进的优化
规范制度可以保证底线，最高级的是大家都有这样的意识，甚至是这样的技术文化
- 建立意识
- 分享交流
- 鼓励创新