簡單介紹一下 Git 與 GitHub，Vibe Coding 前的基礎知識。
list文章目錄expand_more
list文章目錄
Git：開發者必備的時光機#
在進行 Vibe Coding 前，先來介紹一下 Git。
Git 是一個分散式版本控制系統，由 Linus Torvalds 於 2005 年創立。（就是那個 Linux 系統的開發者。）
Git 主要用來追蹤程式碼的修改歷史，並在需要時回溯到之前的版本。 可以把它想像成打遊戲時的存檔功能。
它也可以用來協作開發，允許多個開發者在同一個專案上工作。
實用的 Git 功能#
條列一些實用的 Git 功能：
- commit：記錄程式碼的「快照」，將目前的修改正式存入本地倉庫（Repository）的動作。
- push：將本地端的修改推上 GitHub。
- pull：從 GitHub 下載程式碼，將遠端的最新更新抓取下來並「合併」到專案。
- branch：分支是並行開發的平行時空，能在不影響主線（Main）的情況下開發新功能，或是修正 Bug。
- merge：在分支上完成開發後，可以將兩個分支結合，並產生一個新的「Merge Commit」。
想要更詳細可以看這部影片 Kevin Stratvert 的 [Git and GitHub Tutorial for Beginners](https://www.youtube.com/watch?v = tRZGeaHPoaw)。
實際用過幾次就會比較有概念了，反正我都直接叫 AI agent 幫我搞定，只要很明確知道 commit、push 這兩個最基本的動作，前期就都沒啥問題了。
當專案公開出去後，想要再進行開發，但是又怕每次存檔（commit）都會把目前寫到一半的程式碼公開出去，這時候再開始認識 branch 也不遲。
Github：開發者的雲端硬碟與社群平台#
接著要介紹的是 GitHub，GitHub 是一個基於 Git 的程式碼託管平台。GitHub 公司於 2008 年創立，在 2018 年被 Microsoft 收購。
Git 是開發者電腦裡的「存檔工具」，GitHub 則是存放這些存檔的「雲端硬碟 + 社群平台」。
實用的 GitHub 功能#
條列一些實用的 GitHub 功能：
- Action：這是一個強大的自動化工具。可以設定成 push 程式碼後，GitHub 自動幫你執行測試、檢查程式碼錯誤，甚至自動部署到伺服器上。也可以設定成滿足特定條件就自動執行動作，可以替代 n8n 的部分功能。
- Pages：GitHub 免費提供的靜態網頁託管服務。如果你寫了一個前端網頁、個人作品集或是部落格，只要設定好 Pages，它就會給你一個網址，讓全世界都看得到你的網頁。不過如果是沒有付費的用戶，要注意 Pages 只能託管公開的 repository。如果你的 repo 是 private 的，則可以轉戰用 Vercel。
給 Vibe Coding 者的建議#
在 Vibe Coding 的時代，雖然大部分的程式碼都是交給 AI Agent 撰寫，但理解 Git 的流程依然重要。
還沒掌握怎麼管理這匹橫衝直撞的野馬之前，很容易把專案搞壞，這時候 Git 就是你的救命恩人。
建議養成「每完成一個小功能就 commit 一次」的習慣，現在每個 AI 都可以幫你寫出很詳細的 commit message，所以實行起來很簡單。
如果你跟我一樣是從零開始的，前期只要記住：
- Commit：存檔（這步最重要，壞了能重來）。
- Push：同步到雲端（保險，電腦壞了程式碼還在）。
- Branch：開實驗室（在分支出包了，主線還是安全的）。
以上。
