Skip to content

基于 swagger-typescript-api 的 vite 插件,自动化生成 API 接口

License

Notifications You must be signed in to change notification settings

CaoMeiYouRen/vite-plugin-swagger-typescript-api

Repository files navigation

vite-plugin-swagger-typescript-api

Version npm downloads GitHub Workflow Status Documentation Maintenance License: MIT

基于 swagger-typescript-api 的 vite 插件,自动化生成 API 接口

🏠 主页

https://github.com/CaoMeiYouRen/vite-plugin-swagger-typescript-api#readme

Demo

https://github.com/CaoMeiYouRen/vite-plugin-swagger-typescript-api#readme

依赖要求

  • node >=12
  • swagger-typescript-api >= 9
  • vite >=2

安装

# 本插件依赖 swagger-typescript-api、vite ,故需要先安装
npm i -D swagger-typescript-api vite

npm i -D vite-plugin-swagger-typescript-api

使用

// 在 vite.config.ts 文件中添加如下配置
import { defineConfig } from 'vite'
import { vitePluginSwaggerTypescriptApi } from 'vite-plugin-swagger-typescript-api'


// vite 相关配置请参考 https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vitePluginSwaggerTypescriptApi({ // swagger-typescript-api 的配置,具体可参考 https://github.com/acacode/swagger-typescript-api
            name: 'myApi.ts', //要生成的文件名称
            output: path.resolve('./src/apis'), // 生成的文件所在的文件夹,注意要使用 path.resolve 解析出绝对路径,否则路径可能会有错误
            input: path.resolve('./swagger.json'), // 从本地文件载入,路径问题同 output
            url: "http://api.com/swagger.json", // 如果从远程接口载入
            httpClientType: 'axios', // or "fetch" 生成的接口类型
        })
    ]
})

在执行 vite 命令后可在 src\apis\myApi.ts 路径看到生成的文件,每次启动开发环境时会去生成 api 文件,生产环境(编译时)不会调用。

开发

npm run dev

编译

npm run build

Lint

npm run lint

Commit

npm run commit

作者

👤 CaoMeiYouRen

🤝贡献

欢迎 贡献、提问或提出新功能!
如有问题请查看 issues page.
贡献或提出新功能可以查看contributing guide.

💰支持

如果觉得这个项目有用的话请给一颗⭐️,非常感谢

📝 License

Copyright © 2022 CaoMeiYouRen.
This project is MIT licensed.


This README was generated with ❤️ by cmyr-template-cli

About

基于 swagger-typescript-api 的 vite 插件,自动化生成 API 接口

Resources

License

Stars

Watchers

Forks

Packages

No packages published