vibe_coding

Hello Vibe Coding - 第一个 Vibe Coding 项目

一个简单的待办事项应用,展示如何使用 Vibe Coding 方法完成项目

📖 项目介绍

这是一个使用 Vibe Coding 方法创建的简单待办事项(Todo)应用。通过这个项目,你可以学习:

🎯 项目功能

🚀 如何使用 Vibe Coding 创建这个项目

步骤 1: 创建项目结构

在 Cursor 中:

  1. 创建项目文件夹 hello-vibe-coding
  2. Cmd/Ctrl + I 打开 AI 对话面板
  3. 输入: ``` 我想创建一个简单的待办事项应用,使用 Python。 请帮我创建项目结构,包括:
    • main.py(主程序文件)
    • todos.json(存储数据的 JSON 文件)
    • README.md(项目说明) ```

步骤 2: 实现基础功能

继续与 AI 对话:

请实现以下功能:
1. 添加待办事项
2. 显示所有待办事项
3. 标记任务为完成
4. 删除任务
5. 将数据保存到 JSON 文件

步骤 3: 测试和优化

  1. 运行程序测试功能
  2. 如果发现问题,选中问题代码,按 Cmd/Ctrl + K
  3. 输入:”修复这个错误” 或描述具体问题
  4. 继续迭代优化

步骤 4: 添加功能

可以继续添加功能:

请添加以下功能:
1. 按优先级排序任务
2. 添加任务截止日期
3. 显示未完成的任务数量

📁 项目结构

hello-vibe-coding/
├── README.md          # 项目说明
├── main.py            # 主程序文件
├── todos.json         # 数据存储文件
└── requirements.txt   # 依赖文件(如果有)

💻 运行项目

# 运行程序
python main.py

📝 学习要点

通过这个项目,你学会了:

  1. 如何描述需求:用清晰的自然语言描述想要的功能
  2. 如何与 AI 协作:通过对话和反馈引导 AI 生成代码
  3. 如何迭代开发:分步骤实现功能,逐步完善
  4. 如何测试和调试:运行代码,发现问题,继续优化

🔄 下一步

完成这个项目后,你可以:

💡 Vibe Coding 技巧回顾

  1. 描述要具体:不要说”做个应用”,要说”创建一个待办事项应用,可以添加、删除、标记完成任务”
  2. 分步骤实现:不要一次性要求所有功能,分步骤实现更有效
  3. 提供上下文:选中相关代码后再提问,让 AI 理解上下文
  4. 测试驱动:生成代码后立即测试,发现问题继续优化
  5. 理解代码:虽然 AI 生成代码,但要理解其逻辑,便于调试和维护

祝你学习愉快! 🚀

返回 Vibe Coding 初学者指南