Vibe 编码：实践介绍 – 了解 Mod 的基础知识

资源截图

MP4 |视频：h264，1920×1080 |音频：AAC，44.1 KHz，2 Ch
语言：英语 |时长：1小时42米

你将学到什么

• 如何使用提示创建目标网页
• 如何描述网站的风格、布局、功能和内容
• 如何将网站部署到 GitHub Pages
• 如何将 Next.js 应用部署到 Vercel
• 如何使用 AI 进行协作开发和问题排查

**本课程包含人工智能的使用。**

这是面向初学者的 Vibe 编码实践课程，使用三种不同的免费 AI 工具。

您不需要了解很多编程语法即可开始。本课程从基础知识开始，教您如何使用提示和人工智能为宠物寄宿酒店创建完整的登陆页面，了解常见的网站部分，并将其部署到 GitHub Pages。

接下来，我们将继续一个高级项目：使用 Next.js 构建一个待办事项列表应用，您将在其中了解组件、状态、数据库、用户登录和部署过程。最后，您将使用 Supabase 存储数据并处理登录，并将项目部署到 Vercel。

本课程的重点不是记住语法，而是学习如何清楚地表达您的想法、分解功能以及与 AI 协作构建一个真正可以发布的项目。从简单的待办事项列表开始，您将学习与 AI 协作开发、使用 GitHub 管理版本、使用 Supabase 存储数据、部署到 Vercel，并最终完成您自己的具有用户登录功能的项目。

项目 1：着陆页 HTML

项目2：Next.js基本的待办事项列表、带数据库的待办事项列表、带组列表功能的待办事项列表