Session 3 课前准备
从一句话到成品：PPT、海报、网站全搞定 Session 3 Pre-class Setup
One Sentence to Finished Work: Slides, Posters & Websites

这节课在 第二课（Claude Code）基础上新增两个工具：GitHub（存代码）+ Vercel（自动部署上线）。 如果第二课的环境还正常跑着，今天约需 5 分钟：注册 GitHub + 注册 Vercel。 This session builds on Session 2 (Claude Code) by adding two new tools: GitHub (code storage) + Vercel (auto-deploy). If your Session 2 environment is still working, this takes about 5 minutes: sign up for GitHub + Vercel.

S2 已经准备好了，不用重复Already Set Up in S2 — Skip These

如果 Claude Code 还没装好，先完成：S2 课前准备 — 第 1 步：安装 Claude Code If Claude Code isn't set up yet, complete this first: S2 Pre-class — Step 1: Install Claude Code

S3 新增：GitHub + VercelNew in S3: GitHub + Vercel

工具Tool 用途Purpose 费用Cost
GitHub 存放网站代码；Vercel 监听它自动部署Store your website code; Vercel watches it and auto-deploys 免费Free
Vercel 网站部署平台，push 一下自动上线Website hosting platform — one push and your site goes live 免费Free

第 1 步Step 1 注册 GitHub 账号 + 配置认证Sign Up for GitHub + Set Up Authentication

1a. 注册账号1a. Create an account

  1. 打开 github.comGo to github.com
  2. 点右上角 Sign up，填邮箱 → 密码 → 用户名Click Sign up (top right), enter email → password → username
  3. 验证邮箱，完成注册Verify your email to finish registration
  4. 记下你的用户名（后面要用）Write down your username — you'll need it later
💡 Git（已装）是本地版本控制工具；GitHub 是存代码的云端平台。两者不同，都需要。 💡 Git (already installed) is a local version control tool; GitHub is a cloud platform for storing code. They're different — you need both.

1b. 配置 GitHub 认证（一次性）1b. Set Up GitHub Authentication (one-time)

注册完账号后，打开 Claude Code（任意目录），输入：After creating your account, open Claude Code (any directory) and type:

帮我安装 GitHub CLI 并登录 GitHub

Claude Code 会自动运行 winget install --id GitHub.cli（Windows）或 brew install gh（Mac）， 然后执行 gh auth login——按提示选 HTTPS → Login with a web browser，浏览器弹出页面点授权。 Claude Code will automatically run winget install --id GitHub.cli (Windows) or brew install gh (Mac), then run gh auth login — choose HTTPS → Login with a web browser and authorize in the browser popup.

✅ 完成后终端显示 Logged in to github.com，之后所有 git push 自动带认证。 ✅ When done, your terminal shows Logged in to github.com. All future git push commands will authenticate automatically.
🙋 没用过 Git / GitHub 怎么办？🙋 Never used Git / GitHub before?
不用担心——这节课里所有 Git 操作都通过 Claude Code 完成，不需要记任何命令。例如： No worries — all Git operations in this session go through Claude Code. You don't need to memorize any commands. For example:

第 2 步Step 2 注册 Vercel 账号Sign Up for Vercel

  1. 打开 vercel.comGo to vercel.com
  2. 点 Sign Up，推荐用 GitHub 账号登录（课堂上 Vercel 要连接你的 GitHub repo）Click Sign Up — use your GitHub account (Vercel needs to connect to your GitHub repos during class)
  3. 授权后完成注册Authorize and complete registration
💡 Hobby（免费）套餐完全够用：无限静态网站、自定义域名、自动 HTTPS、全球 CDN。 💡 The Hobby (free) plan is all you need: unlimited static sites, custom domains, automatic HTTPS, global CDN.

验证（10 秒）Verify (10 seconds)

claude --version   # 确认正常confirm working

上课前检查清单Pre-class Checklist

✅ 四项全 OK，上课见！✅ All four done — see you in class!

💬 遇到问题发到微信群，上课前有人帮你看。 💬 Questions? Post in the WeChat group — someone will help before class starts.

Session 3 · 从一句话到成品：PPT、海报、网站全搞定
Austin Xu · 北美华人 Claude AI 课程 · elitecoach101.com Session 3 · One Sentence to Finished Work: Slides, Posters & Websites
Austin Xu · Claude AI Course for North American Chinese Professionals · elitecoach101.com