# 工程化基础

前言

在大型项目中，使用工程化流程进行项目开发可以高效组织项目

    1.task（需求） ----> 1.1 需求分配
      |
      |
    2.project（前端项目） ----> 2.1 env（环境配置）    ----> 2.2 skill（技术选型） ---->   2.3 config(项目配置)
      |                        |                          |                           |
      |                        2.1.1 node                 2.2.1 cli(脚手架)            2.4 package.json
      |                        |                          |
      |                        2.1.2 npm(包管理器)         2.2.2 vue/vuex/vue-router/axios(全家桶)
      |                        |                          |
      |                        2.1.3 vscode(编辑器)        2.2.3 ui
      |                                                   |
      |                                                   2.2.4 mock
      |
    3.code（代码开发）    ----> 3.1 devlopment（开发） ----> 3.2 debugger（调试）
      |                        |                          |
      |                        3.1.1 eslint(规范)          3.2.1 devtool（谷歌浏览器）
      |                        |                          |
      |                        3.1.2 optimize(优化)        3.2.2 vue tool
      |                        |                          |
      |                        3.1.3 page(多/单页应用)      3.2.3 postman
      |                        |
      |                        3.1.4 module(模版)
      |
    4.store（代码管理）   ----> 4.1 version（版本控制）----> 4.2 remote（远程存储）
      |                        |                          |
      |                        4.1.1 git（版本控制）        4.2.1 gitlab
      |
    5.deploy（项目部署）  ----> 5.1 env（线上环境） ----> 5.2 auto(自动部署)   ----> 5.3 way(部署方式)
      |                        |                          |                         |
      |                        5.1.1 dev/sit/prod(环境)    5.2.1 genkins             5.3.1 nginx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

# 工程化基础

# 1.需求分配

# 2.前端项目

# 2.1 环境配置

# 2.2 技术选型

# 2.3 项目配置

# 3.代码开发

# 3.1 日常开发

# 3.2 代码调试

# 4.代码管理

# 4.1 版本控制

# 4.2 代码仓库

# 5.项目部署

# 5.1 线上环境

# 5.2 自动部署

# 5.3 部署方式