ytt-api-copy

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

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

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

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Advertisement:

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Advertisement:

Autor
leesher
Instalaciones diarias
0
Instalaciones totales
9
Calificaciones
0 0 0
Versión
1.0.2
Creado
4/5/2023
Actualizado
17/7/2023
Tamaño
371 KB
Licencia
Desconocida
Funciona en

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 复制的类型名字和请求函数名字一致。