📦datawhalechina / easy-vibe
← 返回首页
💻 Vibe Coding 101|Your First Course For AI Product Builders.
#ai#course#vibe-coding#coding#genai🌐 datawhalechina.github.io📅 创建于 2025-12-28🔄 更新于 2026-10-22
🔗 GitHub JavaScript

📄 仓库 README

在 GitHub 查看 ↗
来自 GitHub 仓库自述文件 · 版权归原作者所有
Easy-Vibe — Think it. Build it. From first idea to real product.

A hands-on Vibe Coding guide chosen by tens of thousands of learners.
Refined through real teaching and learner feedback. A complete roadmap, step-by-step explanations, and interactive demos guide you from zero to launch.
数万名学习者选择的 Vibe Coding 产品实战教程。
在真实教学与实践反馈中持续打磨,用完整路线、细致讲解和交互演示,陪你从零基础走到产品上线。

datawhalechina/easy-vibe | Trendshift

你好 · Hello · 哈囉 · こんにちは · 안녕하세요 · Hola · Bonjour · Hallo · مرحبا · Xin chào
Our tutorial supports 10 languages. Let's code together!
我们的教程支持 10 种语言,欢迎世界各地的朋友一起 coding!

🚀 Start Exploring · ✨ Interactive Tutorial · 🦞 Learn OpenClaw · 📖 Table of Contents
🚀 开始体验 · ✨ 交互式教程 · 🦞 学习 OpenClaw · 📖 查看目录

Read Online · Learning Map
开始阅读 · 学习地图

Stars Forks License

English 简体中文 繁體中文 日本語 Español Français 한국어 العربية Tiếng_Việt Deutsch

Choose your starting point. Pick the row that matches what you can do now and what you want to build.

Learning guide · New to coding · Validate an idea · Ship an application · Advanced projects

From a first game to complex projects. Make progress visible with a working result at each step. Continue when your goal calls for it.

First experience · Stage 1 project · Stage 2 full-stack project · Stage 3 workflows · Appendix


A beginner-friendly learning map
Clear guidance from zero, so you can stop "learning and forgetting"

Step-by-step visual tutorials
Detailed walkthroughs that feel like learning with a private tutor

Immersive simulated coding
Virtual mouse guidance helps you quickly learn the core IDE workflow

Visible AI principles
Animated explanations make it easy to see how AI generates images

Learn RAG like a game
Interactive components let you click through the full RAG data flow

Visual terminal concepts
Command-line behavior becomes intuitive when the underlying logic is visualized

⭐ Star the repo here to help accelerate updates ❤️

Community project previews with illustrative creators; submit your own case via Pull Request

Your next project could be here.
Classroom tools, student projects, personal websites, and first demos are welcome.

Add your story, a real screenshot or GIF, and a demo or repository link if available. Follow the template and open a Pull Request.

Submit your case → · Case template · Open a Pull Request

Explore real cases →

Table of Contents

Why Easy-Vibe

Want an expense tracker? Say it.

Need a booking system with WeChat login? Say it.

Want a blog with comments? Say it.

In the AI era, programming starts by describing what you want.

Easy-Vibe teaches you how to turn that into a real pro

📈 近 7 天 Star 趋势

每日新增 Star(柱)与累计 Star(线)· 数据来自 GitHub

🏆 排名变化趋势

在各榜单中的排名历史(数字越小越靠前)

📋 历史上榜记录

每次快照的详细数据
日期 榜单 排名 周期新增 总 STAR