如何通过 shelljs 利用 Yapi 自动生成前端接口文件？

本文共计1756个文字，预计阅读时间需要8分钟。

使用yapi-to-typescript（简称ytt）生成接口类型定义文件，方便我们直接使用接口的请求和响应类型，减少编写接口类型的耗时。

之前的文章介绍了使用 yapi-to-typescript （下文简称 ytt）生成接口类型定义文件，方便我们直接使用接口的请求和响应类型，能减少很多写接口类型的时间。
使用 yapi-to-typescript 生成接口响应数据的 TS 类型声明

既然能生成接口类型定义文件，那也就可以生成接口请求代码文件咯，可是网上找了下没找到有相关的工具库，想必是每个公司的项目接口请求代码风格差异较大，要开发一个可以灵活配置生成对应代码的库也略显麻烦，比如这篇文章就是教大家如何写出生成请求代码的文件，而我也没有写一个这样的库。

前置条件

首先需要了解两个工具库，一个是 ytt，一个是 shelljs。因为 ytt 已经帮我们请求 yapi 拿到了接口数据，我们就没有必要再去获取一次了。
shelljs 是一个具有 shell 功能的工具库，很强大，这里主要用来操作文件系统。

开搞 第一步：存储接口数据

ytt 中提供了钩子函数，在类型文件生成完成后会调用，但是这个函数中我们拿不到 yapi 上的接口，所以需要在 ytt 的 outputFilePath 中手动保存下来。