跳到主要內容
Cypher's Practical Coding
正在準備工作環境...

實戰:修改電商文案流程

前四課學了概念和指令,這一課把所有東西串起來。我們模擬一個真實情境:你是 PM,要修改電商網站的春季促銷文案,從頭到尾走一遍完整的 Git 協作流程。

你會學到什麼

  • 完整流程:fork → branch → edit → commit → push → PR → merge
  • 每一步實際要打的指令
  • 如何寫好 commit 訊息和 PR 說明

情境設定

你是「Cypher 購物」的 PM。行銷部門決定把春季促銷的折扣從「全館 85 折」改成「全館 8 折」,同時更新活動截止日期。工程師已經把你加入 GitHub 專案了。

步驟一:複製專案到本機

步驟二:建立分支

步驟三:修改檔案、暫存、提交

步驟四:推送並建立 PR

完整流程圖

常見問題 Q&A

問題解答
打錯指令怎麼辦?大部分操作都可以還原,不用怕。問 AI 或工程師「我剛做了 xxx,要怎麼還原?」
commit 訊息打錯了?git commit --amend -m "新訊息" 可以修改最後一次的 commit 訊息
分支名字打錯了?刪掉重建就好:git branch -d 舊名字git checkout -b 新名字
PR 被要求修改?在同一個分支上繼續改、commit、push,PR 會自動更新

AI 協作:學了這個,跟 AI 怎麼配合?

學完這個流程,你可以獨立完成簡單的文案修改,不需要等工程師。遇到卡關的步驟,直接問 AI。

你的人類優勢:

  • 你知道文案的業務背景和修改原因(AI 不知道你們公司的促銷策略)
  • 你能在 PR 裡說明「為什麼要改」,這是工程師最想知道的

可以這樣跟 AI 說:

我要修改電商網站的促銷頁面文案,請幫我列出從 git clone 到建立 Pull Request 的每一步指令,我是 Mac 用戶。

小練習

互動示範

DEMO 1可以修改程式碼試玩
DEMO 2可以修改程式碼試玩
DEMO 3可以修改程式碼試玩
DEMO 4可以修改程式碼試玩
DEMO 5可以修改程式碼試玩

挑戰任務

Task 1

印出一次完成「建立並切換到 feature/black-friday 分支」的指令

Task 2

印出 Git 協作的完整流程(八個步驟,用箭頭連接)

Task 3

印出把 banner.html 加入暫存區並提交的兩行指令(用 && 連接)

BackTake the Exam →