今天在公司改bug的时候，有一些功能是自己没有权限获取不方便去操作，但debugger有需要又到这些数据，无奈之下就使用了最搓的方式，在代码里写死返回数据，debugger完之后再回来修改写死的代码，这样虽然能解决问题，不过这样未免显得太low了，于是谷歌了一下，发现了mockjs这个神器，于是下班回家倒腾了一下，逼格瞬间上来了，以下是如何在vue工程中使用mock的教程：

vue工程安装mockjs

在工程文件夹下运行以下命令 npm install --save-dev mockjs 由于我只需要在开发环境中使用mockjs，所以参数加上-dev，这样在package.json文件中，只有devDependencies包含mockjs的依赖。

创建mock目录

根目录下创建mock文件夹，其实文件夹名称随意取都行，mock只是为了更好区分功能；然后创建index.js文件，这个文件相当于mock功能的入口文件，之后需要在main.js文件中引入，main.js是入口文件，在这里引入相当于启动mock功能；然后就是创建每个api模块的mock文件，例如获取用户信息的api，可以创建一个userInfoMock.js，在这里拦截所有和用户信息相关的请求；这样做是为了更好管理api；最后建议创建一个资源文件，该文件存放项目中使用到的所有api。

Index.js文件中负责引入各个模块的文件

具体的模拟就在各个模块文件中编写（每个文件都需要引入mockjs，这样才能使用mock来拦截请求）

在main.js中引入index.js，启用mockjs功能

结束语

这是在掘金的第一篇文章，以上是自己晚上倒腾了一个小时的成果，就当是一个阶段性学习记录吧！