vscode pont 模板使用

一、安装

  1. 安装插件 vscode

  2. 创建项目

    PS E:\Code\Vues> mkdir apricot-pont

    1、创建目录

  3. 全局安装pont-engine

    $ npm i -g pont-engine

    1、安装 pont-engine

二、使用

  1. 配置模板

    $ pont start

    1、配置模板

  2. 安装依赖

    $ npm i -D pont-engine

    1、安装依赖

  3. 文件生成

    $ pont check

    1、生成文件

  4. 目录结构

三、自定义模板

  1. 参数地址/api/apricot/{id}

    import { Interface, BaseClass, Property, CodeGenerator, Surrounding } from 'pont-engine';
    
    export default class MyGenerator extends CodeGenerator {
      getInterfaceContentInDeclaration(inter: Interface) {
        const requestParams = inter.getRequestParams();
        const paramsCode = inter.getParamsCode('Params');
    
        //自定义参数
        let params = `params:${JSON.stringify(requestParams).replace(/"/g, '')}`;
    
        // 重组url参数
        if (inter.parameters[0] && inter.parameters[0].in.indexOf('path') > -1) {
          params = `${inter.parameters[0].name}:${inter.parameters[0].dataType.typeName || "any"}`;
        }
    
        return `
          export ${paramsCode}
    
          export type Response = ${inter.responseType}
    
          export const init: Response;
    
          export function request(${params}): Promise<Response>;
        `;
      }
    
      getBaseClassInDeclaration(base: BaseClass) {
        const originProps = base.properties;
    
        base.properties = base.properties.map(prop => {
          return new Property({
            ...prop,
            required: false
          });
        });
    
        const result = super.getBaseClassInDeclaration(base);
        base.properties = originProps;
    
        return result;
      }
    
      getInterfaceContent(inter: Interface) {
        const method = inter.method.toUpperCase();
        const requestParams = inter.getRequestParams(this.surrounding);
        const paramsCode = inter.getParamsCode('Params', this.surrounding);
    
        //自定义参数 
        let paramsName = "params";
        let path = `"${inter.path}"`
        let params = `${JSON.stringify(requestParams).replace(/"/g, '')}`
    
        // 重组url参数
        if (inter.parameters[0] && inter.parameters[0].in.indexOf('path') > -1) {
          paramsName = "{}";
          params = `${inter.parameters[0].name}:${inter.parameters[0].dataType.typeName || "any"}`
          path = '`(0)${(1)}`'.replace('(0)', inter.path.replace(`{${inter.parameters[0].name}}`, '')).replace('(1)', inter.parameters[0].name)
        }
    
        return `
        /**
        * @desc ${inter.description}
        */
    
        import * as defs from '../../baseClass';
        import { PontCore } from '../../pontCore';
    
        export ${paramsCode}
    
        export const init = ${inter.response.getInitialValue()};
    
        export function request(${params}) {
          return PontCore.fetch(PontCore.getUrl(${path}, ${paramsName}, "${inter.method}"), ${inter.getRequestContent()});
        }
      `;
      }
    }

    1、参数地址请求

四、参考

  1. 官网文档
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值