Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>swagger-generate-tsNew to Visual Studio Code? Get it now.
swagger-generate-ts

swagger-generate-ts

leizl

|
320 installs
| (1) | Free
Swagger api 文档生成Interface
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Welcome to your Swagger Generate Ts

Description

  • We can use this plugin to generate Ts declarations and Ts request files through Swagger Api Json

所有的Commands

  • SwaggerGenerateTs:生成Ts声明和Service请求 打开WebView 自定义添加需要的路由
  • SwaggerGenerateTs:初始化Definitions 生成一份完整的definitions.d.ts文件
  • SwaggerGenerateTs:初始化整个项目,生成Definitions+Services 根据openJson初始化整个项目用到的路由接口类型和请求文件

How to use it?

step1: Configure the openApiJson List

  • Cmd+, 打开用户设置,搜索swagger-generate-ts.openApiJsonUrlOptions
  • 配置项格式 value 是一个标准的openApiJson的get资源,可参考 https://editor.swagger.io 可在我们的SwaggerApiDocs平台上F12查看有没有类似的json请求
[
    {
      "label": "openapi",
      "value": "https://generator3.swagger.io/openapi.json"
    },
]

  • 配置项 swagger-generate-ts.requestImportPath 作用于
import { get, post } from '${requestImportPath}'

step2: Open WebView

  • Cmp+shift+P and typing SwaggerGenerateTs.

  • 从SwaggerApiDocs拿到我们想要转换的接口路由

  • 填写表单

  • 生成的文件

  • 生成路径的规则:声明文件是放在根目录definitions/xx;api文件是放在src/services/xx

  • 遇到@definitions @/utils 等无法找到文件路径tsLint报错问题,请配置tsconfig.json 和 webpack resolve.alias 配置项

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@definitions/*": ["definitions/*"],
      "@/*": ["src/*"]
    }
  }
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft