安装 RootHub VSCode 插件,使用 CodeGen 生成代码
1、类swagger-ui2.0模式查看接口文档,支持快捷复制、当前菜单搜索
2、预览生成的前端代码
3、api声明代码生产(包含入参注释),可单独、批量生产
4、支持 codesandbox 打开预览效果
5、自定义代码生成方法-在线编辑
6、图片文字提取、文本代码生产(字段英文翻译)、代码与接口文档匹配
本项目基于 Umi3.x,本地开发和 Umi开发没区别
在 vscode-roothub 工程下,git submodule update 代码后,cd 进入 codegen 工程
然后 yarn start
启动项目(端口默认 3031)
.vscode/launch.json
,运行 vscode extension
时添加启动环境变量 ,打开 CodeGen 会自动获取 http://localhost:3031 的地址内容。
{
"version": "0.2.0",
"configurations": [
{
"name": "Run Extension",
"type": "extensionHost",
"request": "launch",
"args": ["--extensionDevelopmentPath=${workspaceFolder}"],
"outFiles": ["${workspaceFolder}/dist/**/*.js"],
"preLaunchTask": "${defaultBuildTask}",
// 启动环境变量
"env": {
"NODE_ENV": "development"
}
},
{
"name": "Extension Tests",
"type": "extensionHost",
"request": "launch",
"args": [
"--extensionDevelopmentPath=${workspaceFolder}",
"--extensionTestsPath=${workspaceFolder}/out/test/suite/index"
],
"outFiles": [
"${workspaceFolder}/out/**/*.js",
"${workspaceFolder}/dist/**/*.js"
],
"preLaunchTask": "tasks: watch-tests"
}
]
}