Troy代码生成插件

插件是为了满足在中后台系统开发中帮助前端开发人员通过选择提供的接口快速生成标准的单表增删改查代码。

生成的代码使用了React + TypeScript的组合。并同时使用了Antd + ProComponents第三方库。

功能

插件提供webView的页面，页面上提供一个表单进行填写名称和选择对应的接口。

• 填写代码模块名称
• 选择分页列表接口
• 选择要使用的字段，并可以对字段进行设置，添加是否搜索，是否必填等
• 选择详情接口和新增修改接口
• 填写要生成代码的路径，可以不填。如果不填，默认路径为/src/pages/[模块名称]

声明

由于该插件是为满足公司需求而定制，所以目前只能支持在公司内部配置研发管理平台进行使用。下一个版本会开发对Apifox的支持。

插件设置

安装插件后需要完成一下设置可正常使用：

• 打开项目代码目录.vscode文件夹
• 创建project.json文件
• 并填写project.json文件

  {
    "projectId": "统一研发管理平台项目ID",
    "projectToken": "" // 目前版本可以不填写
  }

webview打开方式

• 打开vscode命令面板（可使用快捷键）macOS: Shift + Command + p
• 输入troy
• 选择开始代码生成

Release Notes

1.0.0

首次发布

Enjoy! 开始使用吧！