跳到主要内容

阶段 0：Vibecoding（氛围编程）

欢迎来到你的 AI 编程之旅的起点！

什么是 Vibecoding？​

Vibecoding 是一种使用 AI 帮助你编程的实践方法，你只需用自然语言描述你想要的功能。它非常适合想要开始构建项目但没有深厚技术知识的初学者。

观看 Fireship 的这段 5 分钟介绍视频，了解 AI 编程助手的工作原理，学习在开始 vibecoding 之旅时避免常见陷阱的实用技巧。

在 YouTube 上观看

你将学到什么​

在这个阶段，你将：

  • 使用 AI 编程助手构建简单项目
  • 通过实践而非理论来学习
  • 获得即时结果并保持动力
  • 通过实践理解基本编程概念

入门指南​

以下资源将帮助你今天就开始使用 AI 编程。无需任何先验经验！

推荐资源​

视频教程​

  1. Fireship: I built 10 web apps... with AI (in 14 minutes)

    • 推荐理由： 快节奏的演示展示了 AI 编程的可能性——非常适合初学者获得动力
    • 类别：Web 开发
    • 时长：14 分钟

  2. freeCodeCamp: AI-Powered Coding for Beginners

    • 推荐理由： 全面的初学者友好教程，涵盖 AI 辅助编程的基础知识
    • 类别：通用教程
    • 时长：2 小时

  3. Cursor IDE Tutorial for Beginners

    • 推荐理由： 最流行的 AI 编程编辑器的分步指南，非常适合入门
    • 类别：工具教程
    • 时长：25 分钟

交互式教程​

  1. Replit: Build with AI Tutorial

    • 推荐理由： 动手实践的交互式环境，让你无需设置即可立即开始编程
    • 类别：交互式
    • 平台：基于 Web

  2. Cursor Quickstart Guide

    • 推荐理由： 官方指南，帮助你在几分钟内开始使用 Cursor
    • 类别：快速入门
    • 平台：桌面端

基于项目的学习​

  1. Build a Todo App with AI

    • 推荐理由： 完整的初学者项目，展示如何使用 AI 辅助构建真实应用
    • 类别：Web 应用
    • 时长：30 分钟

  2. Create Your First Discord Bot with AI

    • 推荐理由： 有趣的项目，在构建可以与朋友分享的东西的同时教授 API 交互
    • 类别：API/Bot
    • 时长：20 分钟

AI 编程工具指南​

  1. GitHub Copilot Getting Started

    • 推荐理由： 最易用的 AI 编程工具之一的官方文档
    • 类别：工具指南
    • 平台：VS Code/JetBrains

  2. ChatGPT for Coding: Complete Guide

    • 推荐理由： 学习如何有效地使用 ChatGPT 进行编程问题解答和代码生成
    • 类别：通用 AI
    • 时长：45 分钟

  3. Replit AI Tutorial: Build Fast

    • 推荐理由： 展示如何使用 Replit 的集成 AI 快速原型化想法
    • 类别：快速原型开发
    • 时长：15 分钟

Vibecoding 成功技巧​

从小处开始​

从计算器、待办事项列表或基本网站等简单项目开始。不要试图在第一天就构建 Facebook！

提示要具体​

不要说"做一个网站"，而是尝试"使用 HTML 和 CSS 创建一个简单的个人作品集网站，包含页眉、关于部分和联系表单。"

通过修改来学习​

获取 AI 生成的代码并尝试修改它。如果你修改颜色、文本或功能会发生什么？这就是你学习的方式！

不要害怕错误​

错误消息是学习的机会。将它们复制到你的 AI 助手中并询问"如何修复这个错误？"

构建让你兴奋的东西​

选择你热衷的项目。更多动力 = 更快学习！

下一步是什么？​

一旦你能够熟练地使用 AI 辅助进行构建，就可以继续进入阶段 1：现实检验，了解 AI 编程的局限性和最佳实践。

需要帮助？ 查看我们的资源页面以获取更多学习材料！