早期混合开发：

1.沟通成本高

2.分工不明确

3.不变管理

4.不便维护和管理

前后端分离开发：

前端开发--------------（请求/响应）------------后端开发【依照接口文档（原型+需求）】

需求分析-->接口定义-->前后端并行开发-->测试-->前后端联调测试

YApi

介绍：YApi是高效、易用、功能强大的api管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务

API接口管理

Mock服务 

步骤：1.添加项目

           2.添加分类

           3.添加接口

前端工程化：是指在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。（模块化、组件化、自动化、规范化）

环境准备

vue-cli

介绍：Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模板

Vue-cli提供了如下功能：

        统一的目录结构

        本地调试

        热部署

        单元测试

        集成打包上线

依赖环境：NodeJS

安装node

配置：npm config set prefix "F:\nodejs\node_global"

淘宝镜像：npm config set registry https://registry.npm.taobao.org

下载vue-cli：npm install -g @vue/cli

最终截图

 Vue项目-创建

命令行：vue create vue-project01

图形化界面：vue ui