MODULE 6 · 版本控制 · 6-1

為什麼需要版本控制?從「最終版_真的最終版.zip」到 Git 思考模式

你的程式碼會一改再改。這一課先讓你體會「手動存檔」會把你帶進什麼地獄, 再認識那個讓全世界工程師都睡得著覺的東西:版本控制。

§1 · 痛點一:回不去的過去

一個資料夾,七個「最終版」

每次想存檔,就多複製一份、改個名字。按按鈕,看它怎麼長大。

📁我的報告1 個檔案)

手動複製、改檔名,是大多數人的「土法存檔」。檔案少還好, 一旦多起來,你會分不清哪個是哪個、更回不去任何一個過去的版本。 這是第一個痛:回不去

§2 · 痛點二:看不出改了什麼

兩個版本擺在一起,你找得出改了哪一行嗎?

這是上週跟這週的定價設定。點你覺得『被改過』的那一行。

上週的方案設定
方案名稱:基本版
月費:299
試用天數:7
同時登入裝置:3
客服管道:email
這週的方案設定

肉眼比對是不可能規模化的。版本控制會自動幫你標出每一次的差異(diff): 哪一行被加、哪一行被刪、哪一行被改,紅紅綠綠一目了然。這一段先記住這個詞,第 §5 段你會親手玩到。

§3 · 這是什麼

把「土法存檔」升級成「自動存檔點」

先把三個名詞講清楚,後面才不會卡。

概念
版本控制
幫你的程式碼每一次改動都自動拍一張快照, 想回到哪一版,一秒跳回去,還能看出每版差在哪。
工具
Git
現在全世界最多人用的版本控制工具。 把它想成遊戲裡那個可以無限存檔、隨時讀檔的存檔點系統
名詞
快照(commit)
某個時間點、整包程式碼完整的樣子。 這一課先有概念就好,「快照怎麼拍、存去哪」是下一課的事。
同樣是「存一次檔」,兩種做法差多少?切切看:
  • 🔧自己複製一份整個資料夾
  • 🔧想一個不會撞名的檔名
  • 🔧自己記得這次改了什麼(常常忘)
  • 🔧想回到過去?自己一個一個翻、用猜的
全靠你自己記、自己顧,檔案一多就崩潰。這就是 §1 那個「最終版地獄」的來源。
一句話記住它們的關係:版本控制是這個能力,Git 是實現這個能力最常用的工具, 而你每存一次的那個檔案點,叫一次快照
§4 · 心智模型一:時光機

同樣很多版本,但這次每一版都認得出來

這就是 Git 眼中的你的專案。點時間軸上的任一個點,跳回那個版本看看。

這版能跑第 4 版編號 e2a8d5
你當時寫的:「修正登入按鈕不見的問題
myapp.com
我的網站
🛒登入
歡迎來到我的網站 👋

點不同的點,上面的網頁畫面就跳到那一版。第 3 版那次改成深色, 結果登入按鈕不見了,畫面一擺出來就看到。 想回到哪一版,點一下就回去,這就解掉了 §1 的痛:回得去。 (真實的 Git 會給每一版一串編號,像 e2a8d5,你只要記得它是第幾版就好。)

§5 · 心智模型二:看得到改了什麼

任兩個版本之間,到底動了什麼?

這就是 §2 講的 diff。切換看每一次改動,紅色是刪掉、綠色是加上。

這次改動(第 1 版第 2 版
首頁歡迎標語
登入按鈕
新增購物車功能

看「第 2 版 → 第 3 版」那次:紅色那行說登入按鈕被刪掉了、 綠色那行是新加的深色背景。誰把按鈕弄不見的,一眼就看到,不用一個檔一個檔猜。

§6 · 心智模型三:時空膠囊與備份

筆電進水了,你的程式碼還在嗎?

版本控制的歷史,不一定只活在你這台電腦。跟著按一下。

💻
你的筆電
☁️
雲端備份

所以版本控制不只是「時光機」,還是「時空膠囊」:你的歷史可以備份到別的地方, 電腦壞了、檔案誤刪都救得回。那個雲端的家叫什麼、怎麼設定,就是下一課的 GitHub。

§7 · 對你的意義

AI 一次改一大片,改壞了怎麼辦?

這就是 Vibe Coder 最需要版本控制的瞬間。跟著走一遍。

你跟 AI 說:「幫我把整個首頁改成深色模式。」它一口氣動了 12 個檔案
目前的網頁(淺色,登入按鈕正常):
myapp.com
我的網站
🛒登入
歡迎來到我的網站 👋
🔑VIBE CODER 秘訣
👀觀察
真正救你的,不是「AI 改得多準」,而是你隨時能退回上一個好版本。 所以在請 AI 做大改動之前,先存一個乾淨的快照。
💬怎麼跟 AI 講
大改前先說一句:「先幫我建立一個存檔點(commit),再開始改。」真的出事了就說:「回到上一個能跑的版本。」你不用懂指令,把「想回到哪個狀態」講清楚就好。
§8 · 一次看懂差別

同樣是「改壞了想救回」,兩種人天差地別

按一下,同時跑兩邊,看誰先回到能動的版本。

沒有版本控制

等待開始…

有版本控制

等待開始…

§9 · 改壞了怎麼救

不管改到哪一步,Git 都拉得回來

點每一種狀況,看它怎麼救。你會發現你永遠有退路。

重點不是背這些指令,而是知道:無論改到哪一步,Git 都救得回。 所以你才能放膽讓 AI 大改,不怕。
§10 · 試試看

快速檢查一下

答錯不會鎖死,可以一直重選。

答對 0 / 2
Q1

你正要請 AI 做一個很大的改動,動手前最該做的一件事是?

Q2

想知道「誰把登入按鈕弄不見了」,版本控制的哪個能力最直接派上用場?

🎒這一課帶走三個詞
版本控制Git快照 / commit

版本控制給你三件事:回得去(時光機)、看得到改了什麼(diff)、救得回(雲端備份)。Git 是實現它最常用的工具, 每一次存檔就是一張快照。最關鍵的習慣:大改之前先存一個點。

下一課 我們就動手看這張「快照」到底怎麼拍、存去哪:Git 核心三部曲,工作區、暫存區與儲存庫。