全栈开发提示词:React+Node.js前后端联调代码一键生成
提示词描述:
全栈开发者效率利器,同步生成TypeScript类型安全的前后端联调代码,覆盖认证、状态管理、错误处理等核心场景,支持React+Node.js主流技术栈组合。
提示语关键词:
AI写全栈代码,React前后端联调,Node.js API生成,全栈开发提示词,TypeScript代码生成,ChatGPT写代码
提示词内容:
【使用场景】
本提示词专为全栈开发者设计,可同步生成符合RESTful规范的后端API代码和配套的React前端调用代码,包含TypeScript类型定义、错误处理、Loading状态管理等最佳实践,大幅减少前后端联调时间。
【操作步骤】
1. 在{API功能描述}处填写具体的业务接口需求
2. 在{数据库模型}处描述数据表结构(或提供SQL/Prisma Schema)
3. 选择认证方案(JWT/Session/OAuth2)
4. 指定前端状态管理方案(Redux Toolkit/Zustand/React Query)
【效果示例】
输入:功能=用户注册登录,模型=User(id,email,password,createdAt),认证=JWT
输出:
- 后端:Express+TypeScript代码,包含路由、Controller、Service、JWT中间件、密码bcrypt加密
- 前端:React组件+自定义Hook+TypeScript接口定义+Axios封装
- 共用:OpenAPI规范文件,可自动生成类型定义
【进阶技巧】
- 要求"请生成对应的Cypress E2E测试代码"可获得完整测试覆盖
- 追加"请使用React Query管理服务端状态"可获得更优的数据请求方案
- 对于复杂表单场景,可要求集成react-hook-form+ zod验证
- 要求生成docker-compose.yml可实现一键启动开发环境
【对比分析】
| 方案 | 传统开发 | 本提示词 |
|------|---------|----------|
| 联调时间 | 2-3天 | 2-3小时 |
| 类型安全 | 手动同步 | 自动生成 |
| 错误处理 | 零散实现 | 统一封装 |