JavaWeb从入门到进阶（前端工程化）

前后端分离开发：

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

YAPI

介绍:YApi是高效、易用、功能强大的api管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务
地址:http://yapi.smart-xwork.cn/

添加项目，添加分类，添加接口

前端工程化：

在企业级的前端项目开发中，把前端开发所需的工具，技术，流程经验等进行规范化，标准化。

环境准备

介绍:Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模板。
Vue-cli提供了如下功能:
统一的目录结构
本地调试
热部署
单元测试
集成打包上线
依赖环境:NodejS

Vue项目创建

项目启动

命令行输入：npm run serve

如果报错，可能是这个问题是Windows系统的PowerShell执行策略限制导致的，非常常见。PowerShell为了防止恶意脚本，默认禁止运行脚本，刚安装的npm命令。

1. 在Windows搜索栏输入“PowerShell”

2. 右键点击“Windows PowerShell”或“Windows终端（管理员）”

3. 选择“以管理员身份运行”

4. 在弹出的窗口中粘贴上面的命令并回车

5. 输入Y确认更改

端口配置

项目开发流程

Vue的组件文件以.vue结尾，每个组件由三个部分组成:<template> <script>、<stvle>