Hello Vibe Coding - 第一个 Vibe Coding 项目
一个简单的待办事项应用,展示如何使用 Vibe Coding 方法完成项目
📖 项目介绍
这是一个使用 Vibe Coding 方法创建的简单待办事项(Todo)应用。通过这个项目,你可以学习:
- 如何使用 Cursor 的 AI 功能
- 如何通过自然语言描述需求
- 如何与 AI 协作完成项目
- 如何迭代优化代码
🎯 项目功能
- ✅ 添加待办事项
- ✅ 标记任务为完成
- ✅ 删除任务
- ✅ 显示任务列表
- ✅ 保存数据到本地文件
🚀 如何使用 Vibe Coding 创建这个项目
步骤 1: 创建项目结构
在 Cursor 中:
- 创建项目文件夹
hello-vibe-coding
- 按
Cmd/Ctrl + I 打开 AI 对话面板
- 输入:
```
我想创建一个简单的待办事项应用,使用 Python。
请帮我创建项目结构,包括:
- main.py(主程序文件)
- todos.json(存储数据的 JSON 文件)
- README.md(项目说明)
```
步骤 2: 实现基础功能
继续与 AI 对话:
请实现以下功能:
1. 添加待办事项
2. 显示所有待办事项
3. 标记任务为完成
4. 删除任务
5. 将数据保存到 JSON 文件
步骤 3: 测试和优化
- 运行程序测试功能
- 如果发现问题,选中问题代码,按
Cmd/Ctrl + K
- 输入:”修复这个错误” 或描述具体问题
- 继续迭代优化
步骤 4: 添加功能
可以继续添加功能:
请添加以下功能:
1. 按优先级排序任务
2. 添加任务截止日期
3. 显示未完成的任务数量
📁 项目结构
hello-vibe-coding/
├── README.md # 项目说明
├── main.py # 主程序文件
├── todos.json # 数据存储文件
└── requirements.txt # 依赖文件(如果有)
💻 运行项目
📝 学习要点
通过这个项目,你学会了:
- 如何描述需求:用清晰的自然语言描述想要的功能
- 如何与 AI 协作:通过对话和反馈引导 AI 生成代码
- 如何迭代开发:分步骤实现功能,逐步完善
- 如何测试和调试:运行代码,发现问题,继续优化
🔄 下一步
完成这个项目后,你可以:
- 尝试添加更多功能
- 改进用户界面
- 添加数据验证
- 优化代码结构
- 创建更复杂的项目
💡 Vibe Coding 技巧回顾
- 描述要具体:不要说”做个应用”,要说”创建一个待办事项应用,可以添加、删除、标记完成任务”
- 分步骤实现:不要一次性要求所有功能,分步骤实现更有效
- 提供上下文:选中相关代码后再提问,让 AI 理解上下文
- 测试驱动:生成代码后立即测试,发现问题继续优化
- 理解代码:虽然 AI 生成代码,但要理解其逻辑,便于调试和维护
祝你学习愉快! 🚀
返回 Vibe Coding 初学者指南