# 前端工程化

**Repository Path**: mql870/engineering

## Basic Information

- **Project Name**: 前端工程化
- **Description**: 详细介绍前端工程化以及工程保障
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-10-16
- **Last Updated**: 2023-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简介

前端从最初的单纯关注静态页面开发，逐步发展至框架、工具层出不穷的阶段。在这个过程中，前端领域遇到了大量前所未有的问题，也随之涌现了各种各样的解决方案。经过这几年的井喷式发展，前端领域已经完成了能力上的补足：React、Angular、Vue等前端框架替换了传统的jQuery，研发的效率和质量得到了进一步提升；Less、Scss等扩展语言增强了CSS，开始支持函数、变量等功能；webpack、Rollup等工具赋予了工程打包能力，开发者不需要在与构建相关的工作上再投入大量的精力；React Native、Weex、Electron等跨平台方案让前端的能力辐射到客户端，突破了传统网页应用的定义……

随着前端应用复杂度的提升，企业和个人对前端工程质量的诉求与以往也不可再同日而语。

本文章从前端开发的完整生命周期角度进行讲解，帮助读者了解前端的技术选型、版本控制、代码质量、组件建设、测试保障、持续集成、系统部署、监控、资源保障，以及优化的相关手段。

## 前端工程化以及工程保障

前端工程本质上是软件工程的一种。软件工程化关注的是性能、稳定性、可用性、可维护性等方面，在注重基本的开发效率、运行效率的同时，思考维护效率。为了使规模大、结构复杂和管理复杂的软件开发变得容易控制和管理，人们把整个软件生命周期划分为若干阶段，每个阶段都有明确的任务。

前端工程质量保障就是以前端工程化为前提，建立一套有计划、有系统的方法。简单来说，前端工程质量保障是一套体系化的解决方案而不是某种技术，它能够覆盖前端的研发生命周期，包括工程搭建、功能研发、测试保障、发布上线、运行维护。

## 目录

1. [技术选型：如何进行技术选型，需要考虑哪些因素](./技术选型)
2. [版本控制：如何规范使用Git进行版本控制，从而有效提高多人协作的开发效率](./版本控制)
3. [代码质量：对代码质量进行工程化管理的方法](./代码质量)
4. [组件化：如何建设高质量组件](./组件化)
5. [测试保障：如何在测试阶段保障工程质量](./测试保障)
6. [持续集成：持续集成中保障质量的手段](./持续集成)
7. [系统部署：如何在系统部署阶段将发布风险降到最低](./系统部署)
8. [监控：如何监控生产环境的页面运行状态](./监控)

## 注意

阅读本文章需要具有一定的前端基础知识。本文章适合想要了解前端工程化体系搭建知识，以及想扩展自己知识体系的开发者阅读。