Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
点击以访问教程主页：www.vibevibe.cn
课时
- demos
- docs
- .vitepress
- theme
- Advanced
- 01-environment-setup
- 02-ai-tuning-guide
- 03-prd-doc-driven
- 04-dev-fundamentals
- 05-ui-ux
- 06-data-persistence-database
- 07-backend-api
- 08-auth-security
- 09-testing-automation
- 10-localhost-public-access
- 11-git-collaboration
- 12-serverless-deploy-cicd
- 13-domain-dns
- 14-vps-ops-deploy
- 15-seo-analytics
- 16-user-feedback-iteration
- 99-next-level
- 随时随地 AI 编程：Happy Coder 工具链
- 进阶篇：从想法到产品的100小时
- 开局一个浏览器，代码环境全搞定
- Articles
- 01-core-concepts
- 02-technical-architecture
- 03-toolchain-frameworks
- 04-engineering-practices
- 05-security-compliance
- 06-business-trends
- 优质文章篇
- Basic-old
- 00-preface
- 01-awakening
- 1.1-coder-to-commander
- 1.2-breaking-myths
- 1.3-tools-guide
- 1.4-vibe-vs-spec
- 1.5-hello-world
- 第 1 章：觉醒 —— 为什么现在是编程最好的时代
- 02-mindset
- 2.1-thinking-upgrade
- 2.2-inversion-thinking
- 2.3-subtraction-thinking
- 2.4-story-thinking
- 2.5-soul-questions
- 2.6-scenario-application
- 2.7-problem-discovery
- 2.8-chapter-summary
- appendix
- 第 2 章：心法 —— 像产品经理一样思考
- 03-technique
- 3.1-prompt-basics
- 3.2-structured-frameworks
- 3.3-advanced-techniques
- 3.4-first-prd
- 3.5-iterative-dialogue
- 3.6-debugging-ai
- 3.7-summary
- appendix
- 第 3 章：技法 —— 与 AI 对话的艺术
- 04-practice-0-to-1
- 4.1-before-start
- 4.2-build-page
- 4.3-core-features
- 4.4-data-storage
- 4.5-debug
- 4.6-summary
- 第 4 章：实战 —— 从 0 到 1 开发个人工具
- 05-advanced
- 5.1-version-control
- 5.2-deployment
- 5.3-security
- 5.4-iteration
- 5.5-boundaries
- 5.6-summary
- 第 5 章：精进 —— 从"能用"到"好用"的关键一步
- 99-appendix
- 100-epilogue
- 101-next-part
- 基础篇（旧）
- Basic
- 00-preface
- 01-awakening
- 02-mindset
- 03-technique
- 04-practice-0-to-1
- 05-advanced
- 06-launch
- 99-appendix
- 100-epilogue
- 101-next-part
- 基础篇
- deployment
- en
- Advanced
- 01-environment-setup
- 1.0 Quick Start
- 1.1 The Evolution of Code Formats
- 1.2 Tech Stack Concepts
- 1.3 Browser and Server Basics
- 1.4 Terminal: Getting Started
- 1.5 Package Management and Project Configuration
- 1.6 Models and Tools
- 1.7 Creating a Project
- 1.8 Localhost and Ports
- Chapter 1: Environment Setup and the Basics of Running Code
- 02-ai-tuning-guide
- 03-prd-doc-driven
- 04-dev-fundamentals
- 4.0 The Three States of Running Code 🟢
- 4.1 Tech Stack Decision Framework 🟡
- 4.2 From PRD to Technical Documentation 🟢
- 4.3 How to Read AI-Generated Code 🟢
- 4.4 API and HTTP Fundamentals 🟢
- 4.5 Frontend-Backend Separation Concepts 🟢
- 4.6 Configuration File Formats 🟢
- 4.7 API Integration in Practice 🟢
- 4.8 Project Documentation Structure 🟢
- 4.9 Stop Reinventing the Wheel
- Chapter 4: Essential Development Fundamentals You Need to Know
- 05-ui-ux
- 06-data-persistence-database
- 07-backend-api
- 08-auth-security
- 09-testing-automation
- 10-localhost-public-access
- 11-git-collaboration
- 12-serverless-deploy-cicd
- 13-domain-dns
- 14-vps-ops-deploy
- 14.1 VPS Buying Guide
- 14.2 VPS Initialization and Security Configuration
- 14.3.1 App Store and Docker Basics
- 14.3.2 Deploying Next.js Applications
- 14.3.3 Deploying a Static Website
- 14.3.4 Deploying Frontend-Backend Separated Applications
- 14.4 Configure a Domain and Certificate
- 14.5 Other Fun Applications
- Chapter 14: Cloud Server Operations and Project Deployment
- 15-seo-analytics
- 16-user-feedback-iteration
- 99-next-level
- AI Coding Anywhere, Anytime: The Happy Coder Toolchain
- Advanced Guide: From Idea to Product in 100 Hours
- Just a Browser to Start, and Your Entire Coding Environment Is Ready
- 01-environment-setup
- Articles
- 01-core-concepts
- Agentic Engineering
- Coding Agents 101: The Art of Actually Getting Things Done
- How We Vibe Code at a FAANG
- Core Concepts & Paradigm Evolution
- Specs Are the New Source Code
- The Factory Model: How Coding Agents Changed Software Engineering
- Vibe Coding Is Not an Excuse for Low-Quality Work
- Vibe Coding: Revolution or Reckless Abandon?
- What Are AI Agents? Why Do They Matter?
- What You Need to Know About Vibe Coding
- How to Become a World-Class Agent Engineer
- 02-technical-architecture
- How to Build Agents with Filesystems and Bash
- Peeking Under the Hood of Claude Code
- Technical Architecture & Design
- MCP: What It Is and Why It Matters
- Multi-Agent Systems for AI-Native Engineering
- Understanding AI: The 5-Layer Cake Architecture
- Self-Improving Coding Agents
- Testing If Bash Is All You Need: SQL vs Bash Agent Comparison
- 03-toolchain-frameworks
- AGENTS.md vs Skills: Why Passive Context Outperforms Active Retrieval
- AI-Driven Prototyping: v0, Bolt, and Lovable Compared
- Claude Code Swarms: Multi-Agent Collaborative Development
- Complete Guide to Building Skills for Claude
- How to Write Good Specifications for AI Agents
- Toolchain & Development Frameworks
- We Removed 80% of Our Agent's Tools
- Why I Use Cline for AI Engineering
- 04-engineering-practices
- AI Code Review Implementation & Best Practices
- AI Writes Code Faster—Your Job Is to Prove It Works
- Avoiding Skill Atrophy in the Age of AI
- Beyond the 70%: Maximizing the Human 30% of AI-Assisted Coding
- How to Write a Good Spec for AI Coding Agents
- Engineering Practices & Quality Assurance
- Leading Effective Engineering Teams in the Age of GenAI
- My LLM Coding Workflow Going Into 2026
- React Best Practices: Vercel's 10+ Years of Performance Optimization
- Stop Using /init for AGENTS.md
- How Vercel Built AEO Tracking for Coding Agents
- Video Generation with AI Gateway
- Your AI Coding Agents Need a Manager
- 05-security-compliance
- 06-business-trends
- Curated Articles
- 01-core-concepts
- Basic
- 00-preface
- 0.1 What This Tutorial Teaches, and What You Will Build
- 0.2 Who This Is For, and How to Learn Most Effectively
- 0.3 What to Do When You're Stuck: A Unified Basic Help-Seeking Process
- 0.4 Chapter Summary: Basic Edition Learning Map
- Chapter 0: Before You Start — What You’ll Build, How to Learn, and What to Do When You Get Stuck
- 01-awakening
- 1.1 Why Start with This Chapter, and What to Prepare First
- 1.2 Use a Fill-in-the-Blank Template to Write the First Version of Your Requirements
- 1.3 Generate Your First Version on the Platform and Complete Three Rounds of Fine-Tuning
- 1.4 Chapter Summary: First-Round Acceptance and the Next Optimization Checklist
- Chapter 1: The First Version — Build Your Personal Homepage + Digital Twin in 2 Hours
- 02-mindset
- 2.1 Why Bring the Project Back to Local, and How to Export It
- 2.2 Open It with an AI IDE and First Get to Know the Most Important Parts
- 2.3 Complete One Minimal Change and Learn 3 Common Types of Questions
- 2.4 Chapter Summary: Your Local Workspace Is Ready
- Chapter 2: Bring Back Your Own Workbench — From Platform to Local
- 03-technique
- 3.1 Why Change the Interface First, and Why Choose a Clear Style Direction First
- 3.2 The Three Most Worthwhile Interface Tweaks
- 3.3 Tell AI More Clearly What You Want Changed, While Also Keeping Usability in Mind
- 3.4 Chapter Summary: Your Homepage Already Looks Like a Real Piece of Work
- Chapter 3: Make a Strong First Impression — Interface, Style, and More Effective Requirement Expression
- 04-practice-0-to-1
- 4.1 Why Learn “Saving” First, and Git’s Smallest Closed Loop
- 4.2 Decide What Content to Add from the Visitor's Perspective
- 4.3 Add Only 2-3 of the Most Valuable Content Modules, and Make the Digital Twin Easier to Use
- 4.4 Chapter Summary: A More Complete Homepage, and Easier to Roll Back
- Chapter 4: Making the Homepage More Complete — Content, Guidance, and Basic Versioning
- 05-advanced
- 5.1 Why “Like You” Matters More Than “Smarter,” and First Understand What’s Happening Behind the Scenes in Plain Language
- 5.2 Write the First Version of Your “Digital Twin Manual” and Calibrate It with 1–3 Sets of Real Materials
- 5.3 The Four Most Common Problems, and Minimal Awareness of Cost and Security
- 5.4 Chapter Summary: It Can Represent You More Reliably Now
- Chapter 5: Make Your Digital Twin More Like You — Persona, Responses, and Troubleshooting
- 06-launch
- 6.1 Why Put “Going Live” at the End, and Pre-Launch Checks
- 6.2 Push the Code to a Remote Repository and Deploy with EdgeOne Pages
- 6.3 Self-Test After Launch and Gather the First Round of Real Feedback
- 6.4 Basic Edition Wrap-Up: You’ve Gone from “Having an Idea” to “Having a Finished Product”
- Chapter 6: Going Live — Deployment, Sharing, and the First Round of Real Feedback
- 99-appendix
- 100-epilogue
- 101-next-part
- Fundamentals
- 00-preface
- index
- Practice
- Advanced
- index
- Practice
- zh
- .vitepress
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
- Vibe Vibe —— 人人都能学会的 AI 编程（Vibe Coding）指南
开始学习 → Demo 项目