有了接口文档，快速开发前端页面的技巧

1. openapi-typescript

npm i -D openapi-typescript typescript

1. package.json 添加指令

"scripts": {
    "generate-api": "openapi-typescript http://localhost:8180/v3/api-docs -o src/api/generated/schema.d.ts"
  },

http://localhost:8180/v3/api-docs 替换成自己后端接口文档的地址

1. 运行 npm run generate-api
2. 会生成一个 src/api/generated/schema.d.ts ，里面就是所有的接口接口路径，schema

最好每个函数名都是不一样的，不然难以区分，比如你 AController 三个函数 add edit delete，BController 也是有 add edit delete。生成出来就会有 add_2 edit_2 delete_2

1. 有了这个文件后，就丢给 AI 完成所有功能（样式无所谓），我一般使用 vscode 内置的 copilot，这里考验你的表达能力，你可以一次过把整个系统的功能讲完，需求要清晰要有适当的引用。
2. 把功能调好后在美化样式，可以到 https://github.com/joshhu/uitest 选风格。然后使用免费的 cloudcode，喂他这个风格，然后一页一页的修改页面样式。自己动手改代码微调，或者使用 copilot。