Troy 代码生成插件
插件是为了满足在中后台系统开发中帮助前端开发人员通过选择提供的接口快速生成标准的单表增删改查代码。
生成的代码使用了 React + TypeScript 的组合。并同时使用了 Antd + ProComponents 第三方库。
功能
插件提供 webView 的页面,页面上提供一个表单进行填写名称和选择对应的接口。
- 填写代码模块名称
- 选择分页列表接口
- 选择要使用的字段,并可以对字段进行设置,添加是否搜索,是否必填等
- 选择详情接口和新增修改接口
- 填写要生成代码的路径,可以不填。如果不填,默认路径为/src/pages/[模块名称]
声明
由于该插件是为满足公司需求而定制,所以目前只能支持在公司内部配置研发管理平台进行使用。下一个版本会开发对 Apifox 的支持。
插件设置
安装插件后需要完成一下设置可正常使用:
- 打开项目代码目录.vscode 文件夹
- 创建 project.json 文件
- 并填写 project.json 文件
- 如果需要使用统一研发管理平台接口,则需要填写 projectId 和 projectToken
- 如果需要使用 ApiFox 接口,则需要填写 apifoxToken 和 apifoxProjectId
- apiFoxToken 请在 Apifox 平台获取
{
"projectId": "统一研发管理平台项目ID",
"projectToken": "统一研发管理平台token" // 目前版本可以不填写
"apifoxToken": "apifox平台token",
"apifoxProjectId": "apifox平台项目ID"
}
webview 打开方式
- 打开 vscode 命令面板(可使用快捷键)macOS: Shift + Command + p
- 输入 troy
- 选择开始代码生成
Release Notes
1.0.0
首次发布
1.1.0
- 添加表单是否在新增修改页面展示字段
- 添加对 ApiFox 接口的支持
- 添加新增修改是在新的页面或者是在弹窗中打开
Enjoy! 开始使用吧!
| |