npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

free-swagger-chrome

v1.1.1

Published

chrome extension for free-swagger

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

yeyan1996yeyan1996

Keywords

swaggerchrome-extension

Readme

free-swagger-chrome

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

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

image-20200710125155851

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

功能介绍

api 搜索

复制 api 代码片段

复制/递归复制 interface/typedef

复制 api 路径

复制 mock 数据

复制全量 typedef

复制全量 interface

安装

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

image-20210909155022801

安装后，点击右上角 free-swagger 的图标

image-20210909155257618

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

image-20200710141538427

编辑模版

free-swagger-chrome 基于 free-swagger-client，通过模版生成代码片段

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

image-20200710151113242

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

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

image-20210320170732104

image-20210320170350749

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