背景我之前想学 Vibe Coding刷到各种AI 编程神器、零基础用 AI 写代码的文章看得心潮澎湃。结果一上手就懵了装了插件、开了 AI、对着编辑器发呆不知道下一步干嘛。网上搜教程要么太碎要么太水要么就是卖课的。后来我发现与其买课不如直接去看这三个免费网站反而更系统、更及时。一.Easy-Vibehttps://datawhalechina.github.io/easy-vibe/zh-cn/DataWhale 出品三阶段学习路径第一步用 AI 编程小游戏建立体感先玩起来第二步从产品创意出发快速搞定 Web 原型第三步扩展到桌面应用开始接触多 Agent 协作。中文为主零基础友好适合刚接触 AI 编程、还没找到感觉的人。网站2vibe-coding-cnhttps://github.com/tukuaiai/vibe-coding-cn一个 GitHub 开源项目直接去 GitHub 搜就能找到。最早是翻译国外的项目后来做了全套中文本地化。最有用的部分是最佳实践和提示词编写指南。网站3Vibe Vibehttps://www.vibevibe.cn/zh/这个网站跟前面两个不太一样它更偏向零基础小白。不是教你怎么用 AI 写代码而是教你怎么用 AI 把想法变成作品。从梳理想法 → 搭原型 → 补内容 → 改交互 → 推上线全流程覆盖。
自学 Vibe Coding 这三个网站就够了!
背景我之前想学 Vibe Coding刷到各种AI 编程神器、零基础用 AI 写代码的文章看得心潮澎湃。结果一上手就懵了装了插件、开了 AI、对着编辑器发呆不知道下一步干嘛。网上搜教程要么太碎要么太水要么就是卖课的。后来我发现与其买课不如直接去看这三个免费网站反而更系统、更及时。一.Easy-Vibehttps://datawhalechina.github.io/easy-vibe/zh-cn/DataWhale 出品三阶段学习路径第一步用 AI 编程小游戏建立体感先玩起来第二步从产品创意出发快速搞定 Web 原型第三步扩展到桌面应用开始接触多 Agent 协作。中文为主零基础友好适合刚接触 AI 编程、还没找到感觉的人。网站2vibe-coding-cnhttps://github.com/tukuaiai/vibe-coding-cn一个 GitHub 开源项目直接去 GitHub 搜就能找到。最早是翻译国外的项目后来做了全套中文本地化。最有用的部分是最佳实践和提示词编写指南。网站3Vibe Vibehttps://www.vibevibe.cn/zh/这个网站跟前面两个不太一样它更偏向零基础小白。不是教你怎么用 AI 写代码而是教你怎么用 AI 把想法变成作品。从梳理想法 → 搭原型 → 补内容 → 改交互 → 推上线全流程覆盖。