乐于分享
好东西不私藏

AI小白狂喜 | 不会编程,也能开始做 AI 应用?我怎么才发现这个小白狂喜的开源教程

AI小白狂喜 | 不会编程,也能开始做 AI 应用?我怎么才发现这个小白狂喜的开源教程

AI真的是太好用了!

最近我试用了一个开源教程项目:

Easy-Vibe

Easy-Vibe 官方资料入口

1.Easy-Vibe GitHub 仓库

https://github.com/datawhalechina/easy-vibe

2.Easy-Vibe 在线文档首页

https://datawhalechina.github.io/easy-vibe/zh-cn/

3.Easy-Vibe 学习路线图

https://datawhalechina.github.io/easy-vibe/zh-cn/stage-1/learning-map/

它不是传统意义上的编程课,也不是单纯的 AI 提示词教程。

可以说,它是一套面向 AI 时代的“产品落地入门课”:帮助你从一个模糊想法出发,用AI 编程工具一步步做出能运行、能演示、甚至能上线的产品原型。

它的官方介绍很直接:“AI 时代,会说话就会编程。”

这个说法听起来有点大胆,但我体验下来,它真正有价值的地方是让初学者不再一上来就被代码语法、环境配置、技术名词吓退!

让大家先开始,就会有奇迹!

这是一个基于项目制学习的学习教程。我们鼓励你跟随步骤一步步操作,并尝试复现结果。 不要担心犯错或修改内容,我们永远相信你可以做到,请你永远记住:

完成比完美更重要!

https://datawhalechina.github.io/easy-vibe/zh-cn/

🔺教程的讲述方式很适合小白,会用易懂的日常举例来辅助理解专业内容,非专业人士狂喜!

Easy-Vibe 的重点是:先做出来,再慢慢理解。

我也很认同一句:完成比完美更重要!


01/教你把想法变成产品

以前学编程,很多人会卡在第一步:

“我要先学 HTML 吗?”“我要先学 JavaScript 吗?”“我要先学数据库吗?”“我是不是不适合写代码?”

Easy-Vibe 的切入方式不太一样。

它会先让你体验:你可以通过和 AI 对话,让 AI 帮你写一个可以运行的小游戏或网页 Demo。Stage 1 的内容里,初学者会从一个 AI 原生小游戏开始,理解“用自然语言描述需求,让 AI 帮你实现”的基本感觉。

这对新手很重要。

因为很多人不是没有想法,而是卡在“我不知道从哪里开始”。Easy-Vibe 先帮你跨过第一道心理门槛:原来我也可以做出一个能运行的东西。

02/清晰的学习路径:从小白到产品原型,再到全栈和高级 AI 开发

Easy-Vibe 的结构可以简单理解为:

Stage 1:零基础入门适合完全不会编程,或者只会一点点的人。重点是学会 AI IDE、需求拆解、产品原型、AI能力接入,最后做出一个完整 Demo。

Stage 2:初中级开发适合想把原型继续做成真实应用的人。内容包括前端、UI 设计、Git、Supabase 数据库、API、部署、Stripe 支付、Dify 知识库等。

Stage 3:高级开发适合已经开始深入 AI 编程的人。内容包括 Claude Code、MCP、Agent Teams、Spec Coding、RAG、微信小程序、Android、iOS、Electron、浏览器插件等。

Appendix:附录知识库适合随时查漏补缺,覆盖计算机基础、前端、后端、数据库、API、Git、AI 原理等内容。官网显示,附录知识库覆盖 9 大知识领域和 80+ 个交互式专题。

它不是把知识点堆给你,而是给了一个“你现在在哪,该往哪走”的路线图。

内容结构:3 个阶段 + 1 个知识库

阶段
适合人群
核心目标
Stage 1 零基础入门
小白、产品经理、设计师、运营、学生
体验 AI 编程,学会用 AI IDE,把想法做成可交互原型
Stage 2 初中级开发
有一定基础的人、独立开发者
学前端、后端、数据库、部署、支付、Dify 知识库,做全栈应用
Stage 3 高级开发
开发者、AI 工程化学习者
Claude Code、MCP、Agent Teams、RAG、跨平台应用、小程序、桌面应用等
Appendix 附录知识库
所有人
补计算机基础、前后端、AI 原理、Git、API、数据库等知识

03/它把“产品思维”放进了 AI 编程

很多 AI 编程教程的问题是:它会教你“怎么生成代码”,但不会教你“什么东西值得做”。

Easy-Vibe 比较特别的地方是,它不只讲工具,还讲找点子、用户研究、需求验证、产品原型、Demo 迭代。比如它新增的附录里包含 idea sourcing、Double Diamond、Jobs to Be Done、The Mom Test 等用户研究与需求验证内容。

这点对非程序员尤其重要。

因为 AI 时代,代码生成能力越来越强,但“你要做什么”“为谁做”“解决什么真实问题”反而变得更重要。

会用 AI 写代码,只是第一步。能把一个真实问题拆成产品方案,才是更长期的能力。

04/但也要客观看待:它不是魔法

我更把它当作:AI 编程入门地图 + 产品原型训练营 + 现代 AI 开发路线索引。

05/我的学习方式

第一步:跟着 Stage 1=正反馈

第二步:不要只复刻教程,把自己的真实需求带进去。可以做作品集网页、可以做选题管理工具、可以做预约或点餐 Demo等。

第三步:遇到报错不要逃。学会把报错、截图、代码、上下文喂给 AI,让它帮你定位问题。

第四步:做完一个小项目,再去补概念。先有体验,再学 Git、数据库、API、部署,会更容易理解。


写在最后

这两年我对 AI 最大的感受,不是“它能替代谁”,而是它让很多普通人原本接触不到的东西,第一次变得可以尝试。

以前我会觉得,做网站、做应用、做工具、做自动化流程,是程序员、创业者或者技术团队才能做的事情。普通人即使有想法,也很容易停在脑子里,或者停在一份方案、一张图、一段文字里。

但现在不一样了。可以用自然语言描述一个需求,让 AI 帮你生成页面、修改代码、搭建原型,甚至把一个模糊的想法变成可以运行的 Demo。

这让我第一次感受到一种很具体的“可能性”:原来普通人也可以做点儿自己喜欢的东西。

当然,这不代表用了 AI 就能立刻赚钱,也不代表每个人都能马上做出成熟产品。AI 降低的是开始的门槛,但变现依然需要真实需求、清晰定位、持续迭代和商业判断。

所以我现在更愿意把 AI 理解成一种新的起点:它不直接给普通人答案,但它让普通人有机会把想法先做出来。至于能不能变成作品、服务、产品,甚至收入,那才是下一步真正要学习的事。

那么问题就是,现在先把想法做出来!

项目地址(两个使用内容是一样的):

1.开源仓库:GitHub 搜索 datawhalechina/easy-vibe

https://github.com/datawhalechina/easy-vibe

2.在线教程:https://datawhalechina.github.io/easy-vibe/zh-cn/


下面是个人备忘,可以忽略

也可以在评论区交作业

如果你也是小白初学者欢迎一起交流学习

1/ 如何假装自己是 Vibe Coding 大师

"代码里有个 bug,请修复它。""我不要部分代码,给我完整的修改后的代码。""你的代码还是有问题。""请再次修改并给我完整的修正后的代码。""刚才还能运行,为什么现在不能运行了?""你没理解我的意思吗?不要改我原来的代码。""不要添加任何调试功能。""不要做我没让你做的事。""我让你实现的功能在哪里?""你听不懂我说的话吗?""我只要一个函数。""我告诉过你参考我之前的代码。""请不要添加不必要的注释。""请不要修改我原始代码的基本逻辑。""帮我修改代码。""基于我的代码修改...""不要改我的变量名!!!""不要改原来的函数名!""不要乱动我的变量。""不要添加额外的功能。""不要只生成框架,生成完整的代码。"
2/ 使用外部知识库等方式,把“长期记忆”交给系统,而不是强行塞进模型上下文中
3/ 在选择和评估一个大语言模型时,除了关注它是否聪明、知识覆盖是否广之外,还需要特别关注它的指令遵循能力。对于工业级应用来说,能否稳定而准确地执行指令,往往比偶尔给出一次惊艳回答更重要。
4/ 关于贪吃蛇游戏先搞清三件事:
这款游戏里有哪些核心数据(蛇、食物、分数、游戏状态等),
这些数据在什么时机会发生变化(移动、吃到食物、游戏结束等),
以及每一种变化对应的是哪一小段代码。
(只要这三点理顺了,你就基本可以看懂这份代码的主干逻辑)
5/ 怎么跟 AI 说话才有效

5.1说清楚你的需求:从“模糊想法”到“具体说明”

综合起来,可以让你对 AI 这样说:

“我完全不会写代码,想做一个只包含一页内容的个人简介网页,用来发给招聘的人看。页面需要三个部分:上面一行是名字和一句自我介绍,中间是几条工作经历,下面是邮箱和微信号。

5.2用对节奏:先“能跑起来”,再一点点变复杂

例如:

“现在页面已经能正常显示内容了。接下来请帮我稍微美化一下:整体居中,标题大一点,用一个比较舒服的字体。请给出更新后的完整代码。”

5.3 善用截图和复制:不会说就“把画面扔给 AI”

把你看到的东西原样丢给 AI

可以这样做:

  1. 复制报错文字当你看到一串红色错误消息时,可以直接复制出来,然后说:

    “这是我运行后出现的完整错误信息。我看不懂这些英文,请先用普通人能听懂的话解释一下,这大概是什么意思。然后告诉我,我现在最简单应该怎么改。”

  2. 给 AI 看截图 如果你觉得"这个页面看着就是不对",但又不会描述,可以:

    • 截一张当前页面的图;
    • 把你正在用的那份代码,一整段复制给 AI;
    • 然后说明:

      "这是现在页面的样子,这是我现在的完整代码。 我原本希望它是三列排版,现在变成一列了。请你帮我看一下原因,并给我一份改好后的完整代码。"

3.遇到喜欢的网页,想做个类似的不需要说“这个布局叫什么”,直接:

    • 截图或复制那页的主要标题、段落;
    • 再说:

      “我想做一个结构和这个差不多的页面,不需要一模一样。请帮我用简单一点的代码,搭一个类似的框架出来,然后我再自己把文字换成我的。”

简单来说:你负责“把看到的东西搬给 AI”,再用最朴素的话说“我希望它变成什么样”;剩下的“翻译成代码、解释名词、找问题”,交给 AI 来做。

交作业:

免责声明:这篇文章不是官方合作或商业推广,只是我在学习和试用 Easy-Vibe 后,觉得它对 AI 编程新手比较友好,所以做的一次个人整理和推荐。

文中内容主要来自公开仓库、在线文档和我的个人使用感受。由于开源项目和 AI 工具更新较快,具体章节、功能和使用方式可能会变化,建议大家以官方 GitHub 仓库和在线文档为准。

我推荐它,是因为它适合作为新手入门路线参考,并不代表看完就能“立刻变成程序员”或“一键做出成熟产品”。真正做出稳定项目,仍然需要持续练习、排查问题和补充基础知识。

如文中存在理解偏差、表述不准确或引用不当,欢迎指出,我会及时修正!

相关学习资料