AI 原生开放教材

外观

Vibe Coding：AI 编程实战课系统课程·中英混排原文 ↗仓库 ↗

00_Introduction: Environment Setup ​

"Vibe Coding: AI Full-Stack Development Bootcamp" - Prerequisites

Overview ​

Before embarking on your Vibe Coding journey, you need to complete the development environment setup. This step may seem simple, but it's the root cause of many issues students encounter later.

Why Vibe Coding Tools Need Proper Setup?

Why Git is Essential for AI Programming

The core toolchain of Vibe Coding—Cursor, GitHub, and AI model services—all depend on stable international network connections. Without Git:

  • ❌ Cannot submit code
  • ❌ Cannot pull repositories
  • ❌ Agent features blocked
  • ❌ Authorization failures

With Git, you unlock the complete engineering workflow: collaborative development, change tracking, and deployment.

Git & GitHub Relationship ​

Git and GitHub Relationship
  • Git (Local) - Distributed version control, local repository, offline work
  • GitHub (Remote) - Centralized hosting, team collaboration, social coding
  • Push - Upload code to GitHub
  • Pull/Clone - Download code from GitHub

Complete Learning Path ​

Git in Cursor Workflow - Complete Learning Path

The setup flow covers:

  1. Git's Role & Value - Why it's essential
  2. Installation - Windows / macOS / Linux
  3. Initial Configuration - Username, email, default branch, Credential Manager

Configuration & Verification ​

Git Configuration and Cursor Integration Verification

Three key steps:

  1. Identity Set - Configure global user.name and user.email
  2. Credentials Linked - Set up Credential Manager and GitHub Token
  3. Integration Verified - Test commit and push in Cursor

Lessons ​

#TopicDescription
Intro-01Network & VPNNetwork environment detection and VPN configuration
Intro-02Cursor SetupCursor AI IDE installation, registration, and Pro subscription
Intro-03Git & GitHubGit installation, GitHub account, and Token configuration
Intro-04Claude CodeClaude Code local deployment, configuration, and Cursor plugin integration

Prerequisites ​

  • A Windows / macOS / Linux computer
  • Stable network connection
  • Basic computer operation skills (no programming experience required)

Learning Objectives ​

After completing this phase, you will be able to:

  • [x] Configure network environment to access GitHub and AI services
  • [x] Install and log in to Cursor AI IDE
  • [x] Complete Cursor Pro subscription (optional)
  • [x] Install Git and configure GitHub account
  • [x] Complete your first code commit using Cursor Agent
  • [x] Install and configure Claude Code (choose official subscription or CC-Switch API key)

Completion Checklist ​

Before moving to Stage 1, ensure the following are completed:

[ ] VPN configured, ip138.com shows overseas IP
[ ] GitHub.com loads normally (within 3 seconds)
[ ] Cursor installed and logged in successfully
[ ] Git installed, git --version returns version number
[ ] GitHub Personal Access Token created
[ ] Can use Cursor Agent to perform Git operations
[ ] Claude Code installed and authentication configured

Estimated Time ​

LessonTime
Intro-01: Network & VPN15-30 min
Intro-02: Cursor Setup20-30 min
Intro-03: Git & GitHub20-30 min
Intro-04: Claude Code30-45 min
Total~2 hours

Next Step ​

After completing environment setup, proceed to Stage 1: AI Programming Fundamentals to start learning Vibe Coding!

Vibe Coding: AI Full-Stack Development Bootcamp
The exclusive Vibe Coding full-stack development guide
Master Cursor & Claude Code from scratch