Claude Code 實戰：7 個場景，從新手到高手
整理版優先睇
Claude Code 7大場景實戰：從接手祖傳代碼到Git操作，5分鐘搞定日常開發
呢篇文章係一位有實戰經驗嘅開發者分享Claude Code嘅7個真實工作場景，由新手變高手。作者想解決嘅問題係：好多開發者學咗一堆指令但唔知點用係實際工作。整體結論係：掌握呢7個場景就覆蓋到日常開發八成嘅工作，重點唔係死記指令，而係識得點樣問、點樣做、避開啲乜嘢坑。
每個場景都包含痛點、點樣問、技巧同效果。例如接手祖傳代碼可以3分鐘理清脈絡，以前要兩週；修復bug可以由排查到修復5分鐘搞掂；寫測試可以將覆蓋率由40%提升到80%。呢啲場景涵蓋咗理解代碼、修復錯誤、測試、代碼重構、處理設計稿同Git操作等等。
呢篇文章嘅核心啟發係「工具係死嘅，場景係生嘅」。只要識得將工具嵌入適當嘅場景，就可以發揮最大價值。建議讀者揀一個自己嘅項目，由代碼庫概覽開始試起，再試修bug同寫PR描述，逐步熟練。
- 結論：7個場景覆蓋日常開發八成工作，顯著提升效率，尤其係理解代碼庫同修bug。
- 方法：每個場景都有明確嘅提問框架：先講痛點，再提供具體問法，最後有技巧同效果。
- 差異：Claude Code可以將需要兩週嘅代碼理解工作縮短到3分鐘，將測試覆蓋率由40%提升到80%，效率提升驚人。
- 啟發：工具嘅價值在於場景應用，唔好背指令，要學識點樣根據任務提問。
- 可行動點：即刻揀一個正在做嘅項目，試嚇「代碼庫概覽」場景，然後找一個小bug用Claude Code修復，再試用佢寫一次PR描述。
理解同修復代碼：由接手祖傳代碼到快速修Bug
開工接咗個新項目，成個代碼庫一頭霧水？或者見到報錯唔知點解？Claude Code可以幫你快速理清脈絡同定位問題。
代碼庫概覽
完整堆棧跟蹤
記得叫佢提供「代碼庫概覽」同「完整堆棧跟蹤」，呢啲係快速定位嘅關鍵。
- 由廣泛問題入手：問「代碼庫概覽」、「主要架構模式」、「關鍵數據模型」、「認證方式」、「登錄流程」。
- 聚焦細節：問項目特有嘅術語同代碼約定嘅詞彙表。
- 修復Bug時：提供完整錯誤信息、重現步驟、係偶發定必現、完整堆棧跟蹤。
效果：理解代碼庫由兩週縮短到3分鐘；修復Bug由排查到修復只需5分鐘。
測試同重構：安全升級代碼，提升測試覆蓋率
寫測試同重構舊代碼係開發者嘅日常苦惱。Claude Code可以幫你揾出未覆蓋嘅函數，安全替換廢棄API。
測試覆蓋率從40%提到80%
- 1 查找未覆蓋函數：『查找 NotificationsService.swift 中未覆蓋嘅函數』
- 2 為通知服務添加測試，要求覆蓋邊緣情況
- 3 運行測試，修復失敗項
- 4 解釋測試策略
重構時：先查找廢棄API，然後建議現代JavaScript重構方案，保持原有行為，邊改邊測。
邊緣情況
保持向後兼容
協作同版本控制：寫好PR描述，自然語言操作Git
PR描述寫得差會拖慢審查，Git指令記唔住會浪費時間。Claude Code可以幫你搞掂曬。
PR質量飆升，合併更快
自然語言操作Git，再唔使背指令
- 創建PR：叫Claude Code總結更改、創建PR、增強描述（補充安全性信息）、添加測試方法說明。
- 提交前審查生成內容，叫佢標註潛在風險。
- Git操作：提交更改、創建PR、rebase main分支並解決衝突、查找特定commit。
設計還原：將UI截圖秒變代碼
設計師畀咗UI截圖，要還原成代碼？Claude Code支援圖片輸入，可以直接分析圖像並生成匹配嘅CSS同HTML。
所見即所得，設計稿秒變代碼
- 1 三種輸入方式：拖拽圖片、Ctrl+V粘貼截圖、提供路徑。
- 2 然後問：『呢張圖顯示咩？』
- 3 『生成匹配呢個設計嘅CSS』
- 4 『用咩HTML結構可以重建呢個組件？』
效果：快速將視覺設計轉化為前端代碼，減少返工。
總結：工具係死嘅，場景係生嘅
呢7個場景覆蓋日常開發八成工作。掌握呢啲場景，你就能將Claude Code用喺實際工作中。
八成工作
- 揀一個你正在做嘅項目
- 試嚇「代碼庫概覽」場景
- 找一個小bug，叫Claude Code幫你修
- 用佢寫一次PR描述
下一篇會進入高級功能：IDE集成、MCP服務器、深度思考模式。敬請期待。
指令學咗一堆。
可以做啲乜嘢？
今日，我俾你 7 個真實工作場景。
每個場景，話俾你知點問、點做、有啲咩坑。
睇完呢篇，你就可以將 Claude Code 用喺日常工作入面。
場景 1：接手祖傳代碼庫
痛點：新項目一頭霧水，啲代碼睇唔明。
怎麼做 ：
> 給我一個代碼庫概覽
> 解釋這裏的主要架構模式
> 關鍵的數據模型有哪些？
> 認證是怎麼處理的？
> 從前端到數據庫，幫我跟蹤登錄流程
技巧：
由廣泛問題入手，再聚焦細節 問項目特有嘅術語 請求代碼約定嘅詞彙表
效果：3 分鐘理清脈絡，之前要兩星期。
場景 2：修復 Bug
痛點：報錯信息睇唔明，唔知邊度出事。
怎麼做 ：
> 我運行 npm test 時看到這個錯誤：[粘貼錯誤信息]
> 幫我分析原因
> 提供修復方案
> 應用修復
技巧：
話俾佢知重現步驟 講清楚係偶發定係必現 提供完整堆疊追蹤
效果：由排查到修復，5 分鐘。
場景 3：寫測試
痛點：測試覆蓋率唔夠，唔知從邊度寫起。
怎麼做 ：
> 查找 NotificationsService.swift 中未覆蓋的函數
> 為通知服務添加測試
> 補充邊緣情況的測試用例
> 運行測試，修復失敗項
技巧：
要求覆蓋邊緣情況 同時請求單元測試同集成測試 叫佢解釋測試策略
效果：測試覆蓋率由 40% 升到 80%。
場景 4：創建 Pull Request
痛點：PR 描述寫得唔好，審查者睇唔明。
怎麼做 ：
> 總結我對認證模塊的更改
> 創建一個 PR
> 增強描述，補充安全性改進信息
> 添加測試方法說明
技巧：
直接叫佢創建 PR 提交前審查生成嘅內容 叫佢標記潛在風險
效果：PR 質量飆升，合併更快。
場景 5：代碼重構
痛點：舊代碼用咗廢棄 API，想現代化但怕改出問題。
怎麼做 ：
> 查找代碼庫中廢棄的 API
> 建議如何用現代 JavaScript 重構 utils.js
> 重構，同時保持原有行為
> 運行測試驗證
技巧：
問現代方法嘅好處 要求保持向後兼容 小步增量，邊改邊測
效果：安全升級，唔會引入新 bug。
場景 6：處理圖片
痛點：設計師俾咗 UI 截圖，要還原成代碼。
怎麼做 ：
三種輸入方式：
拖圖片入 Claude Code 視窗 Ctrl+V貼上截圖提供路徑： 分析這個圖像：/path/to/image.png
然後：
> 這張圖顯示了什麼？
> 生成匹配這個設計的 CSS
> 用什麼 HTML 結構可以重建這個組件？
效果：所見即所得，設計稿秒變代碼。
場景 7：Git 操作
痛點：Git 指令記唔住，操作複雜。
怎麼做 ：
> 提交我的更改
> 創建一個 PR
> 在 main 分支上 rebase，解決衝突
> 哪個 commit 在去年 12 月添加了 markdown 測試？
效果：用自然語言操作 Git，唔使再背指令。
🎬 呢篇小結
金句：工具係死嘅，場景係活嘅。識得用場景，工具先有價值。
呢 7 個場景涵蓋咗日常開發 80% 嘅工作。
下一篇，我哋進入高級功能——
IDE 集成、MCP 伺服器、深度思考模式。
📋 行動清單
[ ] 揀一個你正在做嘅項目 [ ] 試下「代碼庫概覽」場景 [ ] 揾一個細 bug，叫 Claude Code 幫你整返 [ ] 用佢寫一次 PR 描述
命令學了一堆。
能幹什麼？
今天，我給你 7 個真實工作場景。
每個場景，告訴你怎麼問、怎麼做、有什麼坑。
看完這篇，你就能把 Claude Code 用在日常工作裏。
場景 1：接手祖傳代碼庫
痛點：新項目一臉懵，代碼看不懂。
怎麼做 ：
> 給我一個代碼庫概覽
> 解釋這裏的主要架構模式
> 關鍵的數據模型有哪些？
> 認證是怎麼處理的？
> 從前端到數據庫，幫我跟蹤登錄流程
技巧：
從廣泛問題入手，再聚焦細節 問項目特有的術語 請求代碼約定的詞彙表
效果：3 分鐘理清脈絡，以前要兩週。
場景 2：修復 Bug
痛點：報錯信息看不懂，不知道哪裏出問題。
怎麼做 ：
> 我運行 npm test 時看到這個錯誤：[粘貼錯誤信息]
> 幫我分析原因
> 提供修復方案
> 應用修復
技巧：
告訴它重現步驟 說明是偶發還是必現 提供完整堆棧跟蹤
效果：從排查到修復，5 分鐘。
場景 3：寫測試
痛點：測試覆蓋率不夠，不知道從哪寫起。
怎麼做 ：
> 查找 NotificationsService.swift 中未覆蓋的函數
> 為通知服務添加測試
> 補充邊緣情況的測試用例
> 運行測試，修復失敗項
技巧：
要求覆蓋邊緣情況 同時請求單元測試和集成測試 讓它解釋測試策略
效果：測試覆蓋率從 40% 提到 80%。
場景 4：創建 Pull Request
痛點：PR 描述寫不好，審查者看不懂。
怎麼做 ：
> 總結我對認證模塊的更改
> 創建一個 PR
> 增強描述，補充安全性改進信息
> 添加測試方法說明
技巧：
直接讓它創建 PR 提交前審查生成的內容 讓它標註潛在風險
效果：PR 質量飆升，合併更快。
場景 5：代碼重構
痛點：舊代碼用了廢棄 API，想現代化但怕改出問題。
怎麼做 ：
> 查找代碼庫中廢棄的 API
> 建議如何用現代 JavaScript 重構 utils.js
> 重構，同時保持原有行為
> 運行測試驗證
技巧：
問現代方法的好處 要求保持向後兼容 小步增量，邊改邊測
效果：安全升級，不引入新 bug。
場景 6：處理圖片
痛點：設計師給了 UI 截圖，要還原成代碼。
怎麼做 ：
三種輸入方式：
拖拽圖片到 Claude Code 窗口 Ctrl+V粘貼截圖提供路徑： 分析這個圖像：/path/to/image.png
然後：
> 這張圖顯示了什麼？
> 生成匹配這個設計的 CSS
> 用什麼 HTML 結構可以重建這個組件？
效果：所見即所得，設計稿秒變代碼。
場景 7：Git 操作
痛點：Git 命令記不住，操作複雜。
怎麼做 ：
> 提交我的更改
> 創建一個 PR
> 在 main 分支上 rebase，解決衝突
> 哪個 commit 在去年 12 月添加了 markdown 測試？
效果：自然語言操作 Git，再也不用背命令。
🎬 本篇小結
金句：工具是死的，場景是活的。會用場景，工具才有價值。
這 7 個場景覆蓋了日常開發 80% 的工作。
下一篇，我們進入高級功能——
IDE 集成、MCP 服務器、深度思考模式。
📋 行動清單
[ ] 選一個你正在做的項目 [ ] 試試"代碼庫概覽"場景 [ ] 找一個小 bug，讓 Claude Code 幫你修 [ ] 用它寫一次 PR 描述