ytt-api-copy

将请求类型名称、返回值类型名称、函数名称、请求react hook 名称复制到剪贴板中

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
leesher
日安装量
0
总安装量
9
评分
0 0 0
版本
1.0.2
创建于
2023-05-04
更新于
2023-07-17
大小
371.0 KB
许可证
暂无
适用于

ytt-api-copy 是一个用于在 yapi 接口界面复制 yapi-to-typescript 工具生成的请求函数名、请求对应的 React Hook 名、请求参数类型名和请求参数返回值名的油猴插件。yapi-to-typescript 是一个用于将 yapi 接口数据转换为 TypeScript 类型声明文件的工具。通过该油猴插件,您可以在 yapi 接口界面查看接口的同时,方便地复制请求函数名、请求对应的 React Hook 名、请求参数类型名和请求参数返回值名,从而大大提升前端开发效率。

油猴插件功能介绍

  • 复制请求函数名: 在 yapi 页面中,点击插件按钮后,自动复制当前请求的函数名,方便在项目中直接使用。

  • 复制请求对应的 React Hook 名: 对于使用 React Hook 的项目,插件可以复制当前请求对应的 React Hook 名,简化代码编写。

  • 复制请求参数类型名: 可以快速复制当前请求的参数类型名,省去手动查找和定义的步骤。

  • 复制请求参数返回值名: 同样地,插件可以复制当前请求的返回值类型名,减少手动维护类型定义。

使用方法

  1. 首先,确保已安装 Tampermonkey 或其他支持油猴插件的浏览器扩展。

  2. 下载并安装本油猴插件。

  3. 打开 yapi 页面,进入要查看接口的页面。

  4. 点击插件按钮,根据需求复制请求函数名、React Hook 名、请求参数类型名或请求参数返回值名。

  5. 将复制的内容粘贴到代码中,并通过 IDE 的代码提示能力导入 yapi-to-typescript 生成的类型或函数。

yapi-to-typescript 配置

使用 yapi-to-typescript 生成类型和请求函数前,必须在 yapi-to-typescript 配置文件中加入以下配置:

getRequestFunctionName(interfaceInfo, changeCase) {
  return changeCase.camelCase(
    `api${interfaceInfo.method}${interfaceInfo.path}`
  );
}

根据上述配置生成的类型名字和请求函数名字才能与 ytt-api-copy 复制的类型名字和请求函数名字一致。