VSCODE DILU YAPI

一个能在 vscode 中查看 yapi 接口的辅助插件

为什么做

前端和后端在对接过程中需要反复的查看接口文档，并且复制代码生成请求接口，但 ide 和 yapi 之间始终是割裂的，无法快速的根据接口生成请求代码，也无法根据代码中的请求代码直接查看接口定义。该插件就像是 yapi 与 ide 之间的桥梁，快速查看接口，生成统一规范的请求代码。

功能

• 按分类、项目树形展示接口
• 查看接口详情
• 生成接口请求方法及注释（支持自定义请求模版）
• 根据请求方法查看接口详情
• 快速检索接口并查看详情

安装

vscode 插件市场中搜索dilu yapi,点击安装，等待完成

或者

https://marketplace.visualstudio.com/items?itemName=wangjianming.vscode-dilu-yapi

功能展示

接口列表

🎉 查看接口详情

🎉 生成请求方法

🎉 根据请求方法查看接口详情

🎉 搜索接口（可自定义快捷键）

下个版本计划

• 快速生成 mock 数据
• 支持 TS 模式，根据接口生成 TS 定义

设置参数

Q&A

Q: 为什么不使用 yapi 开放的 openapi 做集成，而是使用 web 页面请求接口？

A: openapi 需要依赖项目 token,而 token 需要手动维护，使用不方便