JavaWeb从入门到进阶（前端工程化）
前后端分离开发：
需求分析---接口定义-----前后端并行开发--------测试前后端联调测试
YAPI
介绍:YApi是高效、易用、功能强大的api管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务
地址:http://yapi.smart-xwork.cn/
添加项目，添加分类，添加接口
前端工程化：
在企业级的前端项目开发中，把前端开发所需的工具，技术，流程经验等进行规范化，标准化。
环境准备
介绍:Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模板。
Vue-cli提供了如下功能:
统一的目录结构
本地调试
热部署
单元测试
集成打包上线
依赖环境:NodejS
Vue项目创建
项目启动
命令行输入：npm run serve
如果报错，可能是这个问题是Windows系统的PowerShell执行策略限制导致的，非常常见。PowerShell为了防止恶意脚本，默认禁止运行脚本，刚安装的npm命令。
在Windows搜索栏输入“PowerShell”
右键点击“Windows PowerShell”或“Windows终端（管理员）”
选择“以管理员身份运行”
在弹出的窗口中粘贴上面的命令并回车
输入
Y确认更改
端口配置
项目开发流程
Vue的组件文件以.vue结尾，每个组件由三个部分组成:<template> <script>、<stvle>