Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Easy YapiNew to Visual Studio Code? Get it now.
Easy Yapi

Easy Yapi

zhuangyizhen

|
18 installs
| (0) | Free
a tool for add api and replace any
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Easy Yapi

Image description

第一步:在项目根目录配置yapi.json

这一步是给插件权限去拉取接口

{
    "list": [
        {
            "project_id": "you yapi project id",
            "token": "you yapi project token"
        }
    ]
}

请求语句同样可以在 yapi.json 配置,例如:

{
    // ....
    "import": import request from '@common/utils/request'
    // or 
    // "import": import { request } from '@common/utils/request'
}

当配置 import 之后,Add Api 命令会使用该 import 语句中的名称 request

另外,往往会出现yapi定义的接口地址和实际使用接口不一致,可以在yapi.json增加replacePath重写:

{
    //...
    "replacePaths": [["api/admin", "api/admin/ss"]]
}

上面的配置,会在第一轮搜索不到后,替换后进行第二轮搜索,支持多个.

注意:replacePaths不要添加前置/和后置/

举个例子:

  • 原有接口 api/admin/a/list/ 会被替换为 api/admin/ss/a/list/
  • 原有接口 /api/admin/a/list/ 会被替换为 /api/admin/ss/a/list/
  • 原有接口 pre/api/admin/a/list/ 会被替换为 pre/api/admin/ss/a/list/
  • 原有接口 pre/api/admin/ss/list/ 因为包含了api/admin/ss/ss/list/所以不做替换

替换

在需要替换的ts文件内,右键选择 替换当前文件所有any 命令

新增接口

打开ts文件,右键选择 新增接口 命令。

在输入框中输入yapi地址,会自动在当前文件生成接口代码

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft