第1课：AI时代，会说话就会编程

🎯 1. 普通人的困境与机会

很多人脑子里有一堆产品点子：一款帮自己记账的小工具、一个记录孩子成长的网页、甚至一款小游戏。但一想到要写代码、要找程序员，就直接劝退。

AI 出现之后，第一次给了普通人一个全新的可能：你不需要会写代码，只需要学会对 AI 说清楚你想要什么。来自 GitHub Copilot 的数据显示，超过1500万开发者正在用AI辅助编程，平均46%的代码都是AI生成的! 在Java项目中这个比例能达到61%。

对于像你一样的同学们来说,这个趋势更有意义:如果专业程序员都在大量依赖AI写代码,那我们这些不会编程的人,为什么不能直接跟AI对话来实现自己的想法呢?

这门课的目标是帮你练成新技能：通过自然语言对话就能做应用。我们将教你怎么跟 AI 用计算机的语言沟通、怎么让AI帮你把脑子里的想法变成真实可用的产品。

🎮 2. 60秒做一个贪吃蛇游戏

首先，请你打开课程中使用的实验网页 z.ai，这是一个由中国智谱 AI 开发的平台，集成了多项 AI 功能。在本教程中，我们将重点介绍其全栈开发模块的使用。

图1: z.ai 平台界面 - 点击全栈开发按钮开始创作

💡 什么是「网页就能编程」的新模式？

过去，开发一个网页应用需要：

• 安装编程环境（如 Python、Node.js）
• 配置代码编辑器
• 学习 HTML/CSS/JavaScript 等语言
• 处理各种依赖和报错

而现在，借助 AI 编程平台，你只需要：

• 打开浏览器，访问网页
• 用自然语言描述你想要的功能
• AI 自动生成代码并实时预览效果

这种「对话即编程」的模式，让编程从「写代码」变成了「描述需求」。这就是 AI 时代编程的新范式——Vibe Coding（氛围式编码）。

动手试试

输入下面的需求后点击全栈开发按钮，你可以实时观看网页的完整创建过程：

图2: 网页正在自动生成 - 实时观看创建过程

通常只需泡一杯咖啡的时间，网页便会自动生成完毕！你可以点击页面顶部的 🧭 按钮切换至全屏模式查看效果。

图3: 全屏模式查看生成的贪吃蛇游戏

🚀 3. 动手：你的第一个 AI 原生应用

接下来我们将学习如何用最基础的vibe coding技巧创建一个现代版的 AI 贪吃蛇游戏。我们将让蛇吃掉文字字符而不是豆子，最后让游戏根据吃掉的文字字符生成一首诗和一幅画。

3.1 AI 原生贪吃蛇

在一开始，我们可以用最简单的方式与大模型对话：

图4: 用最简单提示词生成的贪吃蛇原型

注意，在开发过程中，我们可能会遇到不尽如人意的问题，例如点击按钮没有任何反应、功能报错等。在这种情况下，我们需要进一步向模型提问来修复这些问题。

图5: 添加吃单词功能 - 单词被收集显示

图6: 完整AI原生贪吃蛇 - 吃8个单词后生成诗歌

这就是vibe coding的核心：不断用自然语言描述问题，让AI帮你调整和优化。你不需要完美的一次性描述，只需要不断迭代。

图7: 遇到问题时如何向AI提问修复错误

3.2 给游戏添加新功能

完成基本功能后，我们可以尝试给我们的程序添加一些新花样！

• 让蛇吃不同颜色的单词，并相应地改变蛇的颜色
• 添加"魔法单词"——比如增加蛇的速度或大小
• 每个单词触发 LLM 生成诗句和插图
• 添加音乐和音效

如果觉得这些有挑战性，你可以直接向语言模型求助！它可以提供创意建议，让你的游戏更有趣。

图8: 让AI帮你生成更完整的项目级提示词

我们可以使用这个生成的提示词在全栈开发模式下重新生成项目，你会发现效果会更好！

图9: 使用新提示词重新生成项目过程

图10: 改进后的AI原生贪吃蛇最终效果

🎯 本章任务