vscode运行的项目中使用pont总结

KAGHQ

已于 2022-05-07 18:41:22 修改

阅读量900

点赞数

CC 4.0 BY-SA版权

分类专栏： # vscode 文章标签： vscode 编辑器 ide

于 2022-05-07 18:06:01 首次发布

本文链接：https://blog.youkuaiyun.com/LRQQHM/article/details/124636070

vscode 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在VSCode中安装并配置Pont插件，以集成Swagger数据源进行代码生成。首先，你需要通过链接安装插件，并确保后端服务使用Swagger且接口无登录限制。接着，在项目中创建pont-config.json文件，配置多个Swagger数据源。配置包括接口URL、代码输出目录及Prettier设置。最后，指定自定义模板路径，即可实现代码自动化生成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：https://github.com/alibaba/pont/tree/master/packages/vscode-pont
https://gitee.com/kfhechenglong/pont

1.vscode安装pont

2.确保服务端使用 Swagger（目前只支持 Swagger），提供的数据源接口是免登录的。如果不是，请后端帮忙简单配置一下即可。

3.在项目中任何位置添加 pont-config.json 文件，vscode-pont 检测到项目中有合法的 pont-config.json，插件马上启动。

4.pont-config.json配置

{
    // origins 配置每个数据来源
  "origins": [
    {
      "name": "one",
    // 接口平台提供数据源的 open api url（需要免登），目前只支持 Swagger。
      "originUrl": "https://petstore.swagger.io/one/v2/swagger.json",
    // pont 支持一个项目中配置多个 Swagger 来源。此处配置是否启用多数据源
      "usingMultipleOrigins": true
    },
    {
      "name": "two",    
      "originUrl":"https://petstore.swagger.io/two/v2/swagger.json",
      "usingMultipleOrigins": true
    }
  ],
   // 生成代码的存放路径，使用相对路径即可
  "outDir": "./src/pont",
  // 生成的代码会用 prettier 来美化。此处配置 prettier 的配置项即可 自行参考prettier文档
  "prettierConfig": {
    "semi": false,
    "singleQuote": true,
    "tabWidth": 2,
    "trailingComma": "none"
  },
  // 指定自定义代码生成器的路径（使用相对路径指定)
  "templatePath": "./src/pontTemplate"
}

官方提供demo