vscode插件开发之Swagger生成Ts

vscode插件开发之Swagger生成Ts

当后端同学给到我们Swagger接口文档的时候，是不是在为要写接口类型烦恼，为了偷懒，那么就any吧。any一时爽，同事泪两行。为了高质量的偷懒，来开发个插件leizl.swagger-generate-ts。

日常案例

• 摆在我们前面的有一份接口平台地址和我们需要用到的接口名称。日常开发中我们一般需要做以下事情。
• 写一份类型声明文件xx.d.ts

export interface PropertyValueAddRequest {
   
  /**
   * Format: int64
   * @description 属性Id
   */
  propId?: number;
  /** @description 属性值列表 */
  propValueList?: string[];
}

export interface ApiResultboolean {
   
  code?: string;
  data?: boolean;
  msg?: string;
  success?: boolean;
  traceId?: string;
}

• 写一份service请求代码

import {
    post } from '@/utils/request';
import {
   
  PropertyValueAddRequest,
  ApiResultboolean,
} from '@definitions/gmp-product-library-portal/library/manage/property';

export function addPropValue(
  data: PropertyValueAddRequest,
): Promise<ApiResultboolean> {
   
  return post(
    `/gmp-product-library-portal/library/manage/property/addPropValue`,
    data,
  );
}

• 相信大家对这个过程挺熟悉的，又爱又恼。爱的是代码提示有了，补全功能很棒。恼的是写类型声明怎么这么烦，得一个一个复制粘贴过来，简直是效率杀手。本文的目的就是让这个过程自动化，爱不释手。

如何开发一个vscode插件

vscode插件中文开发文档

解决思路