ytt-api-copy

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

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 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 复制的类型名字和请求函数名字一致。