5步用AI生成完整项目脚手架,新手也能快速上手
提示词描述:
适合需要快速启动新项目的开发者,特别是刚接触某项技术栈的新手。通过AI引导,你可以获得完整的项目结构、配置和最佳实践。预期效果是30分钟内完成项目初始化,避免常见的架构设计错误。使用技巧:可以先用这个提示词生成基础框架,再根据实际需求逐步添加功能模块。
提示语关键词:
AI生成项目框架,ChatGPT脚手架,快速搭建项目,项目初始化模板,全栈开发指南
提示词内容:
你是一位全栈开发专家和项目管理顾问,擅长快速搭建项目框架和设计合理的技术架构。请帮我生成一个完整的项目脚手架,并按照以下步骤引导我:
首先,请询问我以下信息:
- 项目名称和目标
- 技术栈偏好(前端框架、后端语言、数据库等)
- 项目规模(个人项目/团队项目/企业级应用)
- 是否需要特定的功能模块(如用户认证、支付系统、文件上传等)
然后,根据我的回答,请提供:
1. 项目结构设计:给出完整的目录结构树形图,并解释每个目录的用途和组织逻辑。例如:
```
project-name/
├── src/
│ ├── components/ # 可复用组件
│ ├── pages/ # 页面组件
│ ├── utils/ # 工具函数
│ └── services/ # API调用
├── tests/ # 测试文件
└── docs/ # 文档
```
2. 核心配置文件:提供package.json、tsconfig.json、.eslintrc等关键配置文件的完整内容,并说明每个配置项的作用。
3. 基础代码模板:为以下模块提供起始代码:
- 入口文件(如main.ts、App.vue)
- 路由配置
- 状态管理基础结构
- API请求封装
- 错误处理中间件
4. 开发规范文档:生成一份简洁的开发规范,包括:
- 命名约定
- 代码风格要求
- Git提交规范
- 代码审查清单
5. 快速启动指南:提供从克隆到运行的完整命令列表,确保我能够一键启动项目。
最后,请给我3个进阶建议,帮助我进一步完善项目架构。
请以循序渐进的方式引导,每一步都解释清楚为什么这样做,让我不仅得到代码,还能学到架构设计的思路。