JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 10
  • Score
    100M100P100Q46175F
  • License MIT

chrome extension for free-swagger

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (free-swagger-extension) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    free-swagger-extension

    根据 swagger 文档自动生成前端接口代码片段

    free-swagger-extension 基于 free-swagger-core 开发的 chrome 浏览器插件,增强浏览器端对于 swagger 文档的处理行为

    image-20200710125155851

    下方的操作栏即 free-swagger-extension 提供的扩展能力

    功能介绍

    api 搜索

    复制 api 代码片段

    复制/递归复制 interface/typedef

    复制 api 路径

    复制 mock 数据

    复制全量 typedef

    复制全量 interface

    安装

    安装地址:https://chrome.google.com/webstore/detail/free-swagger/nlkadjfidjolpabkgoampncncbffbllk?hl=zh-CN

    image-20210909155022801

    安装后,在需要应用插件的 swagger 文档里,点击右上角 free-swagger 的图标

    image-20210909155257618

    这时你会在网页下放发现多了一个操作栏,并且 free-swagger 图标被激活,祝贺您获得了 swagger-ui 的拓展能力

    image-20200710141538427

    再次点击图标即可关闭插件功能

    编辑模版

    free-swagger-extension 基于 free-swagger-core,通过模版生成代码片段

    默认使用 axios 作为模版,生成的代码片段如下

    image-20200710151113242

    通过编辑模版,可以自定义生成的代码片段,通过改变入参位置、切换请求库名来适配任意请求库的结构

    例如将 axios.request 改成 request,示例如下

    image-20210320170732104

    image-20210320170350749

    模版函数接受多个参数,可以自由组合成想要的代码片段,详细使用方式参考 free-swagger-core