早期混合开发：
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
)
