1、为什么要实现数据 mock
要理解为什么要实现数据 mock，我们可以提供几个场景来解释，
1、现在的开发很多都是前后端分离的模式，前后端的工作是不同的，当我们前端界面已经完成，但是后端的接口迟迟不能提供
前端很多时候都会等接口。
2、测试人员想要你提供一份可以直接测试，自行修改后端接口，测试 UI 的时候。
3、后端的接口，不能提供一些匹配不到的场景的时候。
这个时候如果前端可以实现自己的一套 mock 数据，这里的问题都会迎刃而解，我们可以模拟真实的接口，提供我们自己需要的数据及其数据结构。
这样，我们可以在后端未完成的情况下，完成测试，调试以及优化。
2、mock 数据的方案
说到前端开发，那么实现前端数据到 mock 是在前端构建中不可缺少到一个步骤，不管是在开发或者调试都是必不可少的。
那么我们要实现数据的 mock ，有哪些操作呢？其中最常规到方法就那么几种：
例如：
1、引入 mock.js 实现请求拦截。
2、搭建一个属于自己到 mock 服务器，模拟自己想要到数据及其数据结构。
3、搭建RAP 可视化到一个 mock 服务器
4、还有其他很多特别到手段....
在这几种方法中，都是利用了模拟数据，来实现前端的展示，提高前端开发效率以及开发节奏。
xl_mock 介绍
xl_mock 是一个基于 mock.js 开发的一个可视化的数据 mock 的 npm 包。
它可以实现在你的项目中通过命令开启一个本地数据 mock 服务器。
并且 mock 的数据类型会存在在项目中，以供合作开发。
xl_mock 使用及其预览
1、首先全局安装 xl_mock
npm install -g xl_mock