前端工程化开发

一 YAPY

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

YAPY主要提供了2 个功能：

API 接口管理：根据需求撰写接口，包括接口的地址，参数，响应等等信息。

Mock 服务：模拟真实接口，生成接口的模拟测试数据，用于前端的测试。

二 Vue-cli（vue官方提供的脚手架）

可以快速生成一个 Vue 的项目模板：统一的目录结构 、本地调试 、热部署 、单元测试 、集成打包上线

需要配置环境Node.JS

统一的目录结构

App.vue、router->main.js->index.html

.vue 结尾的都是 vue 组件。而 vue 的组件文 件包含3 个部分：