这期视频,我们完整演示了一套「真正能上线」的 Vibe Coding 开发流程 🚀
不是做 Demo,也不是只生成页面,而是从一个想法出发,
一步步做出一个 包含前端、后端、数据库、部署 的完整 App。
我们会用一个「在线宠物领养 App」作为真实案例,
把整个流程从头到尾全部跑一遍 🐶🐱
适合人群:
✔️ 想快速把想法做成产品的人
✔️ 不想从零手写前后端的开发者
✔️ 对 AI 编程 / Vibe Coding 感兴趣的朋友
资源链接:
Google Stitch: https://stitch.withgoogle.com
Google AI Studio: https://aistudio.google.com
Antigravity: https://antigravity.google
Supabase: https://supabase.com
Vercel: https://vercel.com
Figma: https://www.figma.com/
章节导航 ⏱️
00:00 内容介绍
01:06 Stitch 设计 UI
05:55 Stitch 导入到 Figma
07:10 AI Studio 实现前端 APP
10:44 Antigravity 实现后端 APP
14:40 GitHub 托管代码
15:41 Vercel 部署服务
17:16 实现管理后台
18:17 结果展示
如果你对哪一个工具或步骤特别感兴趣,
可以在评论区告诉我,后面可以单独拆一期详细讲 👍
别忘了点赞、订阅,我们下期见~