# vibe-coding-tutorial

**Repository Path**: bi_cel/vibe-coding-tutorial

## Basic Information

- **Project Name**: vibe-coding-tutorial
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-28
- **Last Updated**: 2026-01-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vibe Coding 编程系列教程

> **Learn to code with AI, not just code by AI.**
> 学习不仅仅是用 AI 写代码，而是掌握与 AI 共舞的艺术。

[![Status](https://img.shields.io/badge/Status-Completed-green)]()
[![License](https://img.shields.io/badge/License-MIT-blue)]()

欢迎来到 **Vibe Coding** 的世界。本教程旨在帮助从零基础小白到资深开发者的每一个人，掌握 2026 年最核心的编程技能 —— **AI 辅助编程 (Agentic Coding)**。

在这里，你不再需要背诵枯燥的语法，不再需要独自面对满屏的红色报错。我们将教你如何化身为"技术指挥官"，指挥 AI 军团构建你心目中的产品。

---

## 📚 目录 (Table of Contents)

### Part 1: 基础篇 - 认识 Vibe Coding
*   [第 1 章：什么是 Vibe Coding？](./chapters/chapter-01-what-is-vibe-coding.md) —— 告别传统编程，迎接自然语言编程时代。
*   [第 2 章：工具链配置与环境搭建](./chapters/chapter-02-tool-setup.md) —— Cursor、Windsurf 与核心模型选择 (Claude 4.5 / GPT-5.2)。

### Part 2: 核心技能篇 - 提示词工程
*   [第 3 章：提示词基础 (CRCO 框架)](./chapters/chapter-03-prompt-basics.md) —— 学会如何精准地向 AI 提问。
*   [第 4 章：进阶提示词技巧](./chapters/chapter-04-prompt-advanced.md) —— CoT、Few-Shot 与迭代调试法。
*   [第 5 章：特定场景的提示词模板](./chapters/chapter-05-prompt-templates.md) —— 拿来即用的 Code Review、Refactor、Debug 模板。
*   🔥 **[提示词模板库 (Prompt Library)](./prompts/README.md)** —— 一站式 Cheat Sheet。

### Part 3: 实战篇 - 从零构建项目
*   [第 6 章：实战项目 1 - 个人待办事项应用 (React)](./chapters/chapter-06-project-todo.md) —— 你的第一个 Vibe App，体验玻璃拟态美学。
*   [第 7 章：实战项目 2 - 天气查询应用 (API)](./chapters/chapter-07-project-weather.md) —— 学习 API 集成、异步交互与错误处理。
*   [第 8 章：实战项目 3 - 全栈博客系统 (Next.js)](./chapters/chapter-08-project-blog.md) —— Schema-First 开发模式，挑战全栈开发。

### Part 4: 工作流篇 - 高效协作
*   [第 9 章：建立你的 Vibe Coding 工作流](./chapters/chapter-09-workflow.md) —— 从 Mini-PRD 到 P-G-R-R 循环。
*   [第 10 章：Agent 模式与自动化](./chapters/chapter-10-agent-automation.md) —— 让 AI 接管鼠标键盘，自主完成跨文件任务。

### Part 5: 进阶篇 - 专业开发者实践
*   [第 11 章：代码质量与安全](./chapters/chapter-11-quality-security.md) —— 识别 AI 幻觉，防范安全漏洞。
*   [第 12 章：大型项目中的 Vibe Coding](./chapters/chapter-12-large-projects.md) —— 上下文管理 (.cursorrules) 与遗留代码维护。

### Part 6: 思维与未来 (The End Game)
*   [第 13 章：特定领域应用指南](./chapters/chapter-13-specific-domains.md) —— 前端、后端、移动端与数据分析的 Vibe 实践。
*   [第 14 章：底层能力的重要性](./chapters/chapter-14-mindset.md) —— 为什么 AI 时代你依然需要懂代码？(Trust but Verify)。
*   [第 15 章：Vibe Coding 的未来](./chapters/chapter-15-future-outlook.md) —— 从 Copilot 到 Jarvis，给未来的建议。

---

## 🚀 如何使用本教程

1.  **按序阅读**：如果你是初学者，建议从第 1 章开始按顺序阅读。
2.  **实战优先**：Part 3 的三个项目请务必亲自上手敲一遍（或者说，通过 Prompt 运行一遍）。
3.  **模板速查**：第 5 章和第 11 章可以作为日常开发的 Reference 手册。

## 🛠 推荐工具栈

*   **IDE**: [Cursor](https://cursor.sh/) (首选) 或 VS Code + Copilot
*   **Model**: Claude Opus 4.5 (编程最强), GPT-5.2 (通用最强)
*   **Agent**: Cursor Composer, Windsurf Cascade

## 🤝 贡献与反馈

本教程是一个开源项目，致力于记录 AI 编程时代的最佳实践。
如果你发现任何错误，或者有更好的 Prompt 技巧，欢迎提交 PR 或 Issue！

> **Just Vibe It.**