easy-vibe 实战指南:用 Vibe Coding 从零做出 AI 原生贪吃蛇
2026/9/13 17:27:03 网站建设 项目流程

easy-vibe 实战指南:用 Vibe Coding 从零做出 AI 原生贪吃蛇

【免费下载链接】easy-vibe💻 vibe coding 101|The first course for AI-native product builders.项目地址: https://gitcode.com/GitHub_Trending/ea/easy-vibe

导读:这是一份面向"完全不会编程"人群的 AI 原生应用实战指南,来自 easy-vibe 课程第一阶段。全文围绕一个核心场景展开——通过自然语言对话,让大语言模型(LLM)帮你写出第一个可运行的程序(会"吃单词、写诗、画画"的贪吃蛇),并掌握"对话即编程"(Vibe Coding)的完整方法论。读完本文,你将学会:用一句话到一段话描述需求、在网页端完成全栈应用的极速生成、通过多轮对话修复 Bug 与迭代功能,以及理解上下文长度、指令遵循能力等支撑 Vibe Coding 的关键模型概念。


1. 普通人的编程困境与新机会

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

AI 出现之后,第一次给了普通人一个全新的可能:你不需要会写代码,只需要学会对 AI 说清楚你想要什么。据 GitHub Copilot 公开的统计数据,已有超过 1500 万开发者正在用 AI 辅助编程,平均 46% 的代码由 AI 生成,在 Java 项目中这一比例甚至达到 61%。

1.1 效率与采用率的飞跃

文档中引用的 Copilot 使用数据揭示了几个关键指标:

指标数值含义
速度提升55%开发者完成任务的速度提升
任务耗时2.4 天(原 9.6 天)提交代码的时间大幅缩短
首日安装率81%获得访问权限当天即完成安装使用
建议采纳率96%当天即开始采纳 AI 的代码建议

这些数据说明,AI 不再只是一个"可选工具",而是正在成为开发流程中不可或缺的编程助手。对普通人的意义更大:如果专业程序员都在大量依赖 AI 写代码,那么不会编程的人,为什么不能直接跟 AI 对话来实现自己的想法呢

这门课程(即本仓库对应的 easy-vibe 教程体系)的目标就是帮你练成这项新技能:通过自然语言对话就能做应用——学会跟 AI 沟通、让 AI 帮你把脑子里的想法变成真实可用的产品。

仓库佐证:本仓库examples/目录收录了多份"一句话需求 → 可运行应用"的真实示例,例如 trae-block-game/prompt.txt 只有一句需求"帮我做一个像这样的方块小游戏。人物可以走动,也可以放方块。做好后帮我打开看看。",而对应的 trae-block-game/index.html 则是 AI 生成的可运行游戏页面(含 Canvas 游戏画布与操作栏);trae-linear-dashboard/prompt.txt、trae-screenshot-demo/prompt.txt 同理。这正印证了"描述需求即可获得完整应用"这一模式的可行性。


2. AI 能帮你做到什么程度

本节只讨论一个问题:如果你完全不会写代码,现在的 AI 能帮你做到什么程度?

大致来说,当前大模型的能力可以胜任:简单的内部小工具数据可视化看板,以及一些轻量级小游戏的开发。这些能力用来做自用工具、从产品经理视角验证需求,基本已经足够。但若想一键生成可直接商用的成熟产品,通常仍需要人工在流程设计、细节打磨上持续优化。

2.1 更擅长"小而清晰"的应用

只要你能把界面和交互说清楚,AI 通常可以在几轮对话内,拼出一个可以打开、可以点击、可以玩的完整网页。这类任务往往具备几个共同特征:

  • 范围清晰:一页网页、一个简单内部工具、一个小玩法;
  • 结果可见:你能立即在浏览器中验证是否按预期工作;
  • 纠错直接:发现问题后,可以在后续对话中点明具体现象并要求修正(直接粘贴错误信息或截图,让 AI 进行修改)。

在这个边界内,可以把对话式 AI 看作一位执行力不错的"辅助开发者":你只需在每一轮用自然语言细化和修正需求,就能快速得到可用的原型。文档给出的经验判断是,AI 独立完成小型项目的成功率约为 90%

2.2 大型项目需要"流程视角"

一旦超出小而清晰的范围,只指望靠几轮对话让 AI 端到端完成复杂系统,很快就会遇到上限。大型项目往往要接后端、连数据库、整合第三方服务,还牵涉权限、安全、并发和大量业务规则,目标是交付一整套与现有业务深度打通的系统,而不是一页网页。

更合理的做法是:

  1. 先梳理出清晰的整体流程:关键步骤是什么、每一步的输入输出和状态变化是什么、哪些节点对性能和安全最敏感;
  2. 再基于这张流程图,把相对独立的环节拆分出来,交给对话式 AI 生成接口、模块、脚本和测试。

以目前的能力来看,AI 更擅长加速一个个小步骤,而由你(或你的团队)来决定怎么拆步骤、如何串联,并负责最终的架构设计、系统集成和运维。

2.3 能写和能用的区别

一个可参考的经验是:

场景是否适合 AI 生成
原型 / Demo / 内部自用工具✅ 非常适合先交给 AI 打第一版,再由你迭代细节
面向真实用户的大型产品⚠️ 需要工程师在架构、抽象、性能和维护上长期投入
强安全 / 强合规系统(支付、风控、医疗等)❌ 不宜"生成完就直接上线",必须引入严格的审查与测试流程

在当下,可以相对安心地把 AI 视作一个高效的 Demo 与自用工具搭档:只要你愿意多测试、多迭代,多问几轮"这里不对,帮我修一下并解释原因",在原型与内部工具这一级别,整体质量通常是足够且具备实践价值的。


3. 60 秒做出贪吃蛇:网页全栈开发的极速体验

3.1 什么是"网页就能编程"的新模式

过去,开发一个网页应用需要:安装编程环境(如 Python、Node.js)、配置代码编辑器、学习 HTML/CSS/JavaScript 等语言、处理各种依赖和报错。

而现在,借助 AI 编程平台,你只需要:

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

这种**"对话即编程"**的模式,让编程从"写代码"变成了"描述需求"。你不需要关心底层技术细节,只需要清楚地告诉 AI 你想要什么,它就能帮你把想法变成可运行的程序——这就是 AI 时代编程的新范式,Vibe Coding(氛围式编码)

3.2 实战:输入需求,点击"全栈开发"

课程使用的是 z.ai 平台(教程原文中的实验网页,智谱 AI 推出的 AI 平台,核心能力由 GLM 系列大模型提供,集成了幻灯片生成、海报设计和全栈开发等功能)。在本教程中,重点使用的是其全栈开发模块

在输入框中粘贴下面的需求,点击全栈开发按钮,即可实时观看网页的完整创建过程——通常泡一杯咖啡的时间,网页便会自动生成完毕:

帮我做一个贪吃蛇游戏: 1. 用方向键控制蛇的移动 2. 吃到食物后蛇会变长,分数增加 3. 撞到墙壁或自己的身体就游戏结束 4. 要有开始和重新开始按钮 5. 界面要简洁好看

生成结束后,右侧会出现可浏览的网页界面。你可以上下滚动浏览页面内容,或点击页面顶部的 🧭 按钮切换至全屏模式查看效果。

顶部工具栏按钮说明(从左到右):箭头按钮展开侧边对话历史栏;铅笔按钮新建对话;循环箭头按钮刷新页面;指南针按钮切换全屏模式;Download 按钮下载项目;<>按钮切换代码视图;Publish 按钮发布项目。点击右上角的代码图标,即可查看 AI 生成的完整源代码。

3.3 更多 AI 编程工具速览

除 z.ai 外,教程还推荐了以下可选的 AI 编程平台用于对比测试:

工具特点
Kimi Code月之暗面推出的 AI 编程助手,提供终端版 Kimi Code CLI 与 VS Code 扩展,底层为编程专用模型 Kimi K2.7 Code,还支持接入 Claude Code、Roo Code 等工具
Google AI Studio谷歌官方出品,支持 Gemini 模型,适合快速原型开发
Figma Make与设计工具深度整合,适合设计师快速实现交互原型
Coze字节跳动推出的 AI Bot 开发平台,提供零代码可视化搭建能力,与豆包、Kimi 等国产大模型深度集成,支持插件市场、定时任务和多渠道发布
v0.devVercel 出品的 AI 生成 UI 工具,输入描述即可生成可运行的 React 组件代码
Bolt.newStackBlitz 推出的 AI 全栈开发平台,可直接生成并部署完整的 Web 应用
Lovable专注于生成高质量 React 应用,支持 GitHub 集成和一键部署
Replit Agent集成 AI 编程助手的在线 IDE,支持多种语言和实时协作

想了解更多网页编程工具的详细对比与使用教程,可参考课程配套的扩展阅读:7 款主流 Vibe Coding 在线平台实测对比。


4. 动手实战:打造你的第一个 AI 原生应用

在上一部分,我们已经用 AI 快速做出了一个可以玩的贪吃蛇原型,也大致知道了 AI 能做什么、不能做什么。接下来,我们将学习如何用最基础的vibe coding技巧创建一个现代版的 AI 贪吃蛇游戏:让蛇吃掉文字字符而不是豆子,最后让游戏根据吃掉的文字字符生成一首诗,并画一幅画。

核心思路:不要一上来就给出复杂需求,而是逐步叠加需求,每一轮都让 AI 在前一版本上增量开发,最终拼出完整玩法。

4.1 用渐进式提示词搭建"吃单词、写诗、画画"贪吃蛇

第 1 步:最简原型。直接在聊天框输入:

示例提示词:帮我做一个贪吃蛇游戏

第 2 步:增加"吃单词"机制。

示例提示词:帮我做一个贪吃蛇游戏,它应该支持:

  1. 可以吃不同的单词,它们会被收集在一个盒子里

第 3 步:叠加"LLM 作诗 + 图像生成"。

示例提示词:帮我做一个贪吃蛇游戏,它应该支持:

  1. 可以吃不同的单词,它们会被收集在一个盒子里
  2. 当蛇吃了 8 个单词时,LLM 应该根据这些单词创作一首诗,我们可以根据需要重新混合这首诗
  3. 当诗完成后,下一步将自动根据这首诗创建一幅图像

4.2 遇到问题怎么办:把 Bug 现象喂给 AI

注意,在开发过程中,我们可能会遇到不尽如人意的问题,例如:

  • 点击按钮没有任何反应;
  • 使用功能时报错;
  • 功能未按预期工作;
  • 前端页面与预期设计不符。

在这种情况下,不要自己动手改代码,而是继续向模型提问,把"错误现象 + 报错信息 + 关键代码片段"一次性描述清楚,让 AI 帮你修复这些意外问题。这是 Vibe Coding 中最重要的纠错循环。

4.3 给游戏添加新功能:创意改造清单

完成基本功能后,可以尝试给程序添加一些新花样:

  • 让蛇吃不同颜色的单词,并相应地改变蛇的颜色;
  • 为"吃"的过程添加特效
  • 引入触发特效的魔法单词——比如增加蛇的速度或大小;
  • 让模型每吃一个单词就生成一首诗和一幅图,而不是等到吃掉八个单词。

如果觉得这些有挑战性,可以直接向语言模型求助,它会提供创意建议。课程文档给出了 8 个可直接照抄的玩法机制:

  1. "单词解锁世界"机制:蛇吃掉一个单词后,图像模型即时为该单词生成一个小艺术品,逐渐拼成一幅由玩家创造的独特全景画——边玩边"作画"。
  2. "诗歌拼图"玩法:蛇吃掉的每个单词触发 LLM 生成一句诗、图像模型生成一幅插图,回合结束时组合成一首 AI 协作的诗和画。
  3. "魔法单词" & 故事分支:吃下"风、夜、梦"等魔法单词时,LLM 改变场景主题,将图像风格切换为夜晚、暴风雨或梦幻氛围;玩家吃掉的不同单词还会让 AI 生成的故事不断演变。
  4. "实时互动生成":每吃一个单词,LLM 生成一句对话或描述,让游戏中的 NPC"开口说话"、环境随之改变,蛇的外观或障碍物也根据吃掉的单词发生变化。
  5. "按句贪吃蛇"挑战:反向模式——LLM 给出一句诗或谜语,玩家引导蛇按顺序吃掉单词来重构句子,吃错单词会触发图像模型生成有趣的艺术化后果。
  6. "主题关卡" & 风格选择:开局选择"童话、科幻、唐诗"等主题,LLM 和图像模型会调整单词、诗风与画面风格,让每次运行都焕然一新。
  7. "现场共创":吃掉特殊单词时,LLM 提示玩家输入短语或选择风格,再生成对应的诗句和插图,实现真正的人机共创。
  8. "成长的故事":蛇不断成长,LLM 同步续写故事诗,图像模型生成长卷全景图,让玩家同时体验"写作、绘画和玩耍"。

4.4 让 LLM 帮你生成"项目级 Prompt"

更进一步,我们还可以要求 LLM 直接生成项目级的提示词。在上一节中,我们只自己写了贪吃蛇游戏的提示词;现在可以尝试让大模型生成一个带有整体框架和实现路径的完整提示词(可以直接在 z.ai 中生成):

我想让 AI 生成一个网页贪吃蛇游戏,需要一个更完整的提示词,让生成结果更令人印象深刻和有趣。请生成相应的提示词。当前目标是:生成一个贪吃蛇游戏,需要实现吃不同单词生成诗歌的功能,并且应该包含图像生成模块。

拿到 LLM 生成的完整提示词后,再回到全栈开发模式下用这个提示词重新生成项目,往往能得到完成度更高、结构更完整的结果。

延伸阅读:如果你想学习如何写出更好的提示词,可查看本仓库的提示词工程附录。


5. 举一反三:尝试更多小游戏与经典案例

5.1 应用点子(10 个)

除了贪吃蛇,可以尽情发挥想象力——创造任何我们想创造的东西,甚至尝试搞砸一切,然后重头再来

  1. AI 艺术画廊平台:在线画廊,用户可上传、浏览、点赞和评论 AI 生成的艺术作品,按风格分类展示。
  2. 复古游戏档案馆:致敬经典游戏的网站,收录游戏历史与玩法指南,内置几款可直接在线玩的复古小游戏。
  3. 可持续生活追踪器:碳足迹追踪工具,用户填写日常行为后自动估算碳排放,提供环保建议和每周挑战。
  4. 虚拟厨房助手:AI 烹饪助手,用户输入家里有的食材,推荐菜谱并给出一步步的烹饪说明。
  5. 地下音乐发现平台:音乐流媒体网站,重点推荐独立和新兴音乐人作品,支持创建歌单和评论互动。
  6. 极简任务管理系统:支持创建任务、设定优先级、拖动排序和查看完成进度。
  7. 科幻写作工坊:提供世界观设定模板、角色资料卡和故事大纲工具,帮助作者搭建设定。
  8. 个人知识图谱:可视化笔记工具,把零散的想法做成节点,用连线连成一张知识网。
  9. 虚拟植物园:植物百科网站,收录图文资料,用户还能种植虚拟植物并观察生长过程。
  10. 编程挑战竞技场:在线编程竞赛平台,提供不同难度的算法题目、在线代码编辑器、自动评测和排行榜。

5.2 游戏点子(10 个)

如果你喜欢玩游戏,可以一起尝试创造游戏:

  1. 3D 开放世界 RPG:可自由探索,有昼夜循环、天气变化、任务系统和角色成长。
  2. 第一人称射击(FPS)竞技场:快节奏多人 FPS,支持团队死斗、夺旗等多种模式和多张地图。
  3. AI 国际象棋和多人游戏:既能与不同难度的 AI 对弈,也能在线匹配真实玩家。
  4. 麻将在线多人游戏:支持多种规则、创建私人房间和自动计分。
  5. 回合制策略游戏:网格地图,包含单位移动、攻击、升级和战争迷雾。
  6. 计时赛赛车游戏:3D 赛车,专注计时赛玩法,支持多张赛道、车辆改装和幽灵车回放。
  7. 卡牌对战游戏(卡组构建):玩家可收集卡牌、自由构建卡组并参与排位赛。
  8. 大逃杀(俯视 2D):包含缩圈机制、随机战利品和单排/组队模式。
  9. 恐怖生存游戏(第一人称):重点是资源管理、潜行躲避敌人和寻找逃生出口。
  10. 音乐节奏游戏(3D):音符随音乐节拍从远处飞来,玩家在正确时机击打得分。

5.3 全网精选案例:别人用 AI 做出了什么

如果你还觉得"贪吃蛇只是入门例子,AI 真的能做出更复杂的游戏吗"——答案是肯定的。以下是课程精选的 8 个全网公开真实案例,开发者中既有专业程序员,也有零基础的普通人,共同点是:都用对话的方式让 AI 完成了大部分代码

  1. 一个下午复刻 10 款经典街机游戏(WotAI Games):完全用 Claude Code(Vibe Coding)从零开发、不使用任何游戏引擎的网页游戏合集,复刻了吃豆人、俄罗斯方块、太空侵略者、贪吃蛇、Flappy Bird、打砖块、小蜜蜂、青蛙过河、涂鸦跳跃和数独,每款都自带排行榜系统。
  2. 零基础者 2 小时做出 2048 风格游戏(Blooming Garden):一位完全不懂编程的日本开发者用 Claude 纯对话在约 2 小时内做出植物合成游戏,同种植物合成升级、开花特效、粒子动画、排行榜、音效、手机适配全部通过自然语言对话完成,没有手写一行代码。
  3. 设计师用 AI 做出可在线联机的 3D 游戏(Planet Jumper):基于 three.js 的 3D 多人平台跳跃游戏,球形引力、联网同步、跳跃手感这些并不简单的系统,全靠提示词"聊"出来。
  4. 一个人用 Vibe Coding 做了 100 款浏览器游戏(mini-browser-games,2026):中文社区开发者开源的项目,全部是零依赖的单 HTML 文件,双击即可运行,玩法覆盖动作、策略、塔防、经营、卡牌、物理、推理、竞速、节奏、棋类和益智等类型,其中不少做到了多章节战役、养成系统、存档码跨设备同步的产品级深度,整个项目以 MIT 协议开源。
  5. 给侄子们做一个《我的世界》复刻版(CraftMine,2026):6,820 行、单文件的网页版《我的世界》复刻版,包含 46 种方块、36 种生物、19 种武器、5 种生物群系、昼夜循环,甚至支持 P2P 多人联机,没有任何构建步骤,打开网页就能玩。
  6. AI 实时生成无限关卡的《超级马里奥》(2026):把开源版《超级马里奥》和 OpenAI 模型结合,在"无限模式"下 AI 会随着你的前进动态生成全新的场景和敌人,实测能连续玩 45 分钟,甚至可以直接在游戏里用文字让 AI 加敌人、放平台、改主题。
  7. 国产大模型 Kimi K3 一个提示词做出 3D 游戏(2026):开发者只给 Kimi K3 发了一个提示词,就做出了可玩的第一人称 3D 游戏,一次生成即可游玩,再通过两轮对话修掉两个 Bug 就能顺畅通关,全程花费约 2 美元。
  8. Kimi 官方游戏平台 K399(2026):Kimi K3 模型发布后同步上线的网页游戏平台,几十款游戏全部由 K3 模型参与制作,点开即玩,品类覆盖 3D 射击、音游、横版动作、宫斗 AVG、3D 解谜甚至开放世界。

看完这些案例你会发现:贪吃蛇只是 AI 编程能力的冰山一角。只要能把想法说清楚,并愿意多轮对话去打磨,AI 都能帮你从 0 到 1 做出来。


6. 本章作业与验收标准

这是完整的教程,总共约需4 小时(可分多次完成)。完成后请对照以下作业清单验收:

任务 1:完整复现 AI 原生贪吃蛇游戏(必做)

  • 至少实现:蛇可以移动、吃到"食物"后长度和分数发生变化、撞墙或撞到自己会结束;
  • 在复现过程中,练习把错误现象 + 报错信息 + 关键代码片段一次性丢给 AI,请它用"小白模式"修复。

任务 2:自创 1 个 AI 原生小游戏或 Demo(选做)

  • 可以是围绕文字、图片、音乐、节奏等的任意轻量玩法,例如"吃单词写诗""节奏点击""生成式跑酷"等;
  • 重点不是画面多炫,而是你能清楚说出:AI 在这里具体帮了什么忙,它解决了什么"人工难以做到或很麻烦"的部分

7. 附录 1:我们需要前端开发知识吗?

一句话总结:你不需要会写代码,但了解基础概念能让你更好地向 AI 描述需求。

7.1 前端与后端的分工

前端后端
定位用户能看到、点到的所有内容运行在服务器上的数据处理
示例网页标题、文字、图片、按钮、输入框、游戏界面、动画效果用户分数存储、登录账号验证、关卡内容分配
可见性可见不可见

7.2 前端三件套

把网页想成一间房子,三种"代码"各管一件事:

  • HTML:管页面上有什么——好比盖房先画图纸;
  • CSS:管长什么样——好比刷墙、摆家具;
  • JavaScript:管怎么动——好比电灯开关,一按就亮。

浏览器先搭骨架(HTML)、再装修(CSS)、最后通电(JS),三步做完,就是网页。

7.3 React / Vue 是什么?

它们是盖复杂网页的"预制板工具"——更快、更稳。你不需要会,知道是帮手就行。

7.4 在 Vibe Coding 中:不写代码,只描述

跟 AI 说人话就行,例如:

"用 React 做个排行榜:右侧分数列表,点一行下方显示玩家详情,风格简洁现代。"

想深入可以查阅本仓库的 Web 基础附录 和前端进化史附录。


8. 附录 2:到底什么是 Vibe Coding

Vibe Coding一词由计算机科学家 Andrej Karpathy(OpenAI 联合创始人之一、特斯拉前 AI 负责人)于 2025 年 2 月提出,指的是一种依赖于 LLM 的编码方法:允许程序员通过提供自然语言描述而不是手动编写代码来生成可工作的代码

从字面上看,Vibe Coding 可以理解为一种"用说的方式来做开发"。核心变化在于:你不再需要自己一行一行写代码、查语法、调 Bug,而是直接用自然语言描述你想要的东西,例如:

  • "我需要一个登录页面,上面有手机号输入框和验证码输入框。"
  • "登录成功后,跳转到首页,并在右上角显示用户名。"
  • "给我一个简单的贪吃蛇小游戏,可以用键盘方向键控制。"

LLM 会把这类描述自动翻译成真正可以运行的代码,并生成对应的页面、逻辑和数据结构。你看到效果后,再用自然语言提出修改意见("按钮再大一点""背景换成深色""得分记录下来并显示排行榜"),AI 会继续按你的要求调整实现。

在这种模式下,你的主要精力放在三件事上:说清楚要做什么 → 看到结果后判断"哪里不对" → 再提出新的修改

8.1 日常 Vibe Coding 的实用 Prompt 清单

实际上,在真正的 Vibe Coding 过程中,我们通常不会使用很多复杂的提示词。也许开始时需要为整个程序提供一个具体且适度复杂的提示词,但之后的每一步,你可能只需要下面这类提示词:

"代码里有个 bug,请修复它。" "我不要部分代码,给我完整的修改后的代码。" "你的代码还是有问题。" "请再次修改并给我完整的修正后的代码。" "刚才还能运行,为什么现在不能运行了?" "你没理解我的意思吗?不要改我原来的代码。" "不要添加任何调试功能。" "不要做我没让你做的事。" "我让你实现的功能在哪里?" "你听不懂我说的话吗?" "我只要一个函数。" "我告诉过你参考我之前的代码。" "请不要添加不必要的注释。" "请不要修改我原始代码的基本逻辑。" "帮我修改代码。" "基于我的代码修改……" "不要改我的变量名!!!" "不要改原来的函数名!" "不要乱动我的变量。" "不要添加额外的功能。" "不要只生成框架,生成完整的代码。"

这些提示词之所以必要,是因为大语言模型存在上下文长度限制,有时指令遵循能力也不是很强,模型可能会忘记对话早些时候讨论的内容。因此在 Vibe Coding 中,我们倾向使用长上下文指令遵循能力强的模型,并通过两者的排行或指标来判断模型好坏。


9. 附录 3:模型上下文

模型上下文可以理解为 AI 的短期记忆,指在当前一次对话或任务中,模型能够"看到"和"记住"的所有文本内容,包括你之前输入的问题、系统提供的说明、相关资料等。

正是因为有上下文,AI 才能理解你在接着前面的内容继续提问,才能进行一轮一轮、看起来连贯自然的对话。如果没有上下文,你的每一句话在模型看来都像一次全新的提问,无法延续对话。

9.1 上下文长度(Context Window)

每个模型都有自己的有效上下文长度,通常用 token(可粗略理解为"字词片段"的单位)来衡量,目前主流模型大多在32k~128k token之间。上下文越长,模型一次能"读"的内容就越多,例如:

  • 一次性读完一篇较长的论文或报告;
  • 在同一轮对话中引用多篇资料、多个案例;
  • 让模型记住之前几轮的复杂讨论结论。

9.2 上下文被占满时的常见现象

当你输入的内容接近或超过模型的上下文限制时,往往会出现:

  • 模型开始遗忘前面长文本中的细节或关键信息;
  • 对话进行到后面,话题逐渐偏离最初目标;
  • 对同一材料的不同问答之间,引用的内容不一致。

这些现象并不是模型突然"变笨",而是上下文容量被用满或接近用满后产生的自然结果。

9.3 上下文与成本的平衡

在实际使用中,我们既希望上下文尽可能长,又要意识到:上下文越长,占用的算力资源越多,调用成本(费用)也会随之增加。因此设计 AI 应用时需要在"让模型看得足够多"和"控制成本、提升效率"之间做平衡,例如:

  • 对真正需要长期保留的信息进行提炼后再交给模型;
  • 对不再需要的细节信息,避免一遍又一遍原样塞入上下文;
  • 使用外部知识库等方式,把"长期记忆"交给系统,而不是强行塞进模型上下文中。

10. 附录 4:指令遵循能力

指令遵循能力指的是:模型在理解你的指令之后,能否准确、完整地按照你的要求执行。它不仅包括能回答问题,还包括能按指定格式、风格、步骤完成任务。

例如,下面这些都是对模型有明确要求的指令:

  • 将这篇文章总结为三个要点;
  • 用正式、礼貌的语气写一封回复邮件;
  • 把这个词翻译成英文,并各造一个例句;
  • 从文章中提取作者、时间和主要事件。

10.1 强指令遵循模型的典型特征

  • 按要求的数量输出内容:例如要求总结三个要点,就不会给出五条;
  • 覆盖所有指定的要素:例如要求提取作者、时间和事件,就不会遗漏任何一项;
  • 遵守指定的格式和语气:例如要求使用正式语气,就不会输出过于口语化的回复;
  • 不做不必要的额外延伸:例如只要求翻译和造句,就不会额外输出一大段无关解释。

10.2 为什么强指令遵循能力很重要

  • 提高稳定性:同样的指令在不同时间、多次运行时,输出结构和行为模式更加一致,不容易随意发挥;
  • 提高可复现性:当你把一段提示词配置到产品或流程中时,可以预期模型大致会怎样响应,方便测试和迭代;
  • 便于系统集成:当模型输出符合预期格式时,更容易与后端程序、工作流或其他工具自动对接。

因此,在选择和评估大语言模型时,除了关注它是否聪明、知识覆盖是否广之外,还需要特别关注它的指令遵循能力。对于工业级应用来说,能否稳定而准确地执行指令,往往比偶尔给出一次惊艳回答更重要。


总结

本文完整覆盖了 easy-vibe 第一阶段"用对话编程做出 AI 原生贪吃蛇"的全部路径:从认识 AI 编程带来的效率革命,到 60 秒极速生成网页应用;从渐进式提示词搭建"吃单词、写诗、画画"的现代贪吃蛇,到多轮对话修复 Bug、扩展创意玩法;再通过 20 个创意点子与 8 个全网案例建立对 AI 编程能力边界的真实认知。最后,通过四个附录(前端基础、Vibe Coding 本质、模型上下文、指令遵循能力),补全了支撑这一全新编程范式的底层概念。

记住文档中反复强调的那句话:完成比完美更重要。现在,轮到你了——打开一个 AI 编程平台,用一句话开始你的第一个 AI 原生应用吧。

【免费下载链接】easy-vibe💻 vibe coding 101|The first course for AI-native product builders.项目地址: https://gitcode.com/GitHub_Trending/ea/easy-vibe

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询