模块 4:Vibe Coding

模块概述
**完成时间:**1-2 小时
你已经学会了处理文件。现在学习创建文件。在这个模块中,你将从零开始构建一个真实的 Web 应用并部署到互联网------不需要编码经验。
你将构建什么
一个性格测试应用,包含:
-
带有自定义逻辑的多个问题
-
基于答案的性格类型结果
-
任何人都可以访问的实时 URL
课程结构
| 课程 | 涵盖内容 |
|---|---|
| 4.1: 设置 | Vibe Coding 思维和项目文件夹设置 |
| 4.2: 计划 | 定义清晰需求的访谈过程 |
| 4.3: 构建与迭代 | 脚手架、构建和用截图完善 |
| 4.4: GitHub | 版本控制和备份 |
| 4.5: 上线 | 部署到 Vercel 获取真实 URL |
4.1 设置
**完成时间:**10 分钟
什么是 Vibe Coding?
Vibe Coding 是通过描述你想要什么而不是编写代码来构建软件。这个术语由 Andrej Karpathy 推广。你描述结果,AI 处理实现。
技能不是编码。它是:
-
清楚你想要什么
-
给出好的反馈
-
知道什么时候是对的
你在编排,不是在实现。
PM/工程师动态
-
你的工作:知道你想要什么,给出清晰的反馈
-
他们的工作:弄清楚如何构建它
在这个模块中,你是 PM。Claude 是工程师。你描述。Claude 构建。你审查。Claude 完善。
构建循环
-
- 计划------明确你要构建什么
-
- 构建------让 AI 创建它
-
- 迭代------完善直到正确
-
- 保存------备份到 GitHub
-
- 上线------部署到互联网
这个循环适用于任何东西------着陆页、工具、应用、原型。