<aside> 🌿

這頁把 Git 跟 GitHub 的 PR 流程徹底教完。Step 1 你已經 git clone 過,但那只是 Git 的入口。

做完這頁的練習,你就能獨立完成 Step 4 的「branch → PR → merge → Vercel auto-deploy」流程。

</aside>

為什麼要學 Git

寫程式 = 不停犯錯 + 改錯 + 重來。Git 是「任何時刻都能回到任何版本」的工具,讓你敢大膽改 code

Git vs GitHub

Git GitHub
是什麼 工具(指令) 網站(雲端服務)
在哪裡 裝在你電腦上 瀏覽器打開
負責什麼 記錄檔案變動、版本控制 存放 Git 備份 + 協作 + PR + Issues
類比 像 Word 的「追蹤修訂」 像 Google Drive + 留言系統

<aside> 💡

Git ≠ GitHub。沒有 GitHub 也能用 Git;GitHub 是「Git 的雲端老家 + 社交 + 協作」。

</aside>

首次設定(每台新電腦做一次就好)

安裝vscode git graph套件(option)

image.png

打開終端機:

git --version             # 確認有裝 Git
git config --global user.name "你的名字"
git config --global user.email "your@email.com"
git config --global init.defaultBranch main    # 預設 branch 名稱用 main

<aside> 📌

user.email 用 GitHub 帳號的 email,這樣 commit 才會跟你 GitHub 頭像對得起來。

</aside>

5 個基礎指令(你已經會 1 個)

1. git clone — 把雲端 repo 抓下來

git clone <https://github.com/><你的帳號>/classwall.git

(Step 1 已經做過。)