什麼是Vibe Coding？
Vibe Coding 是一種由OpenAI 聯合創始人Andrej Karpathy 所倡導的全新程式設計範式。它將傳統的“手動編寫程式碼”轉變為“基於自然語言的對話式創作”，讓開發者（甚至是非程式設計人員）能夠透過與AI 協作，快速將創意轉化為可運行的應用原型。
基於這理念，Vibe Vibe（vibevibe.cn） 應運而生。作為國內首個系統化的Vibe Coding 開源教程，它旨在打破技術門檻，讓零基礎學習者也能從一個點子出發，獨立完成產品的開發與上線。
教程體系詳解
本教程採用分級遞進的結構，將學習路徑分為四個核心板塊，兼顧理論引導與實戰演練：
1. 基礎篇：零基礎快速入門
重點在於培養「產品感」與AI 協作能力，幫助學習者獨立完成首個網頁產品。涵蓋自然語言驅動程式碼編寫、MVP（最小可行性產品）思維以及基礎的部署上線流程。
適用人群： 產品經理、設計師、非電腦專業學生及完全零基礎的創意者。
2. 進階篇：全端開發實戰
深入探討現代軟體架構，引導學習者掌握從前端到後端的完整連結。重點學習內容包括使用者認證、資料庫設計、API 開發及安全實踐，並進行全流程專案交付演練。
適用人群： 有一定程式設計基礎，希望掌握完整產品開發與部署能力的開發者或創業者。
3. 實作篇：場景化專案演練
透過針對不同背景設計的實戰項目（如AI Agent 開發、全端SaaS、效率工具等）來鞏固技能，幫助學習者累積高品質的作品集。
適用人群： 需要透過真實專案深化科技應用、提升實操能力的學習者。
4. 優質文章篇：全球前沿資源庫
同步收錄OpenAI、Vercel 等頂尖公司的技術部落格、開發者週刊及趨勢報告，提供學習者與全球科技社群接軌的資訊管道。
核心技術堆疊（進階篇）
為了確保產品的現代化與高效能，進階篇採用了業界主流的開發組合：
- 框架與語言：Next.js + TypeScript
- 介面開發：Tailwind CSS + shadcn/ui
- 資料持久化：PostgreSQL + Prisma
- 身份認證：NextAuth.js
- 部署方案：Docker + Vercel/Edgeone
為什麼選擇Vibe Coding 學習路徑？
- 零門檻啟動： 無需預先學習複雜語法，直接從自然語言指令開始。
- 結構化路徑： 拒絕分散學習，透過分階段目標快速打通「想法$to$ 產品」的連結。
- 動態更新： 教程持續迭代，支援互動式視覺化教學。
- 開源共享： 完全免費開源，鼓勵社區共同參與與實踐。
資源入口與專案背景
此計畫由來自北京大學、新加坡國立大學、中國科學院大學等大學的開發者與產品專家共同打造，秉持強烈的開源精神與實戰導向。
📖 官網地址：www.vibevibe.cn
🔗 GitHub 倉庫：github.com/datawhalechina/vibe-vibe
