出錯了怎麼跟 AI 講？Vibe Coding 除錯的正確姿勢
網站壞了、跳紅字看不懂？教你怎麼把錯誤精準描述給 AI、一步步縮小問題，不用懂程式也能跟 AI 一起把 bug 修掉。
做 vibe coding，遇到「壞掉」是家常便飯——按鈕沒反應、頁面一片空白、跳出一堆看不懂的紅字。這時候慌是沒用的，關鍵是怎麼把問題講清楚給 AI，讓它幫你修。會不會除錯(debug)，往往決定你卡在原地半天、還是十分鐘解決。這篇教你不用懂程式也能上手的除錯姿勢。
第一步:先別慌，也別亂改
東西壞了，最忌諱「病急亂投醫」——這裡改一下、那裡動一下，結果越弄越亂(AI 越改越爛 常常就是這樣來的)。先深呼吸，如果剛才有 存檔，隨時能退回，沒什麼好怕的。冷靜下來，才修得好。
第二步:把錯誤訊息「原封不動」貼給 AI
如果畫面上或工具裡跳出一段紅字/錯誤訊息，不要自己轉述、不要只講大概，直接整段複製、原封不動貼給 AI。那段訊息對你像天書，對 AI 卻是最關鍵的線索。配一句:
我遇到這個錯誤，幫我用白話解釋是什麼意思、可能是什麼原因、怎麼修:(貼上完整錯誤訊息)
第三步:用「三段式」描述問題
就算沒有明確的錯誤訊息(例如只是「怪怪的」),也要講清楚。最好用的公式是三段式:
- 我做了什麼:(例如「我在購物車頁按了結帳」)
- 我預期會發生什麼:(例如「應該跳到付款頁」)
- 實際發生了什麼:(例如「畫面沒反應，什麼都沒跳出來」)
這三句話能讓 AI 快速鎖定問題，比你只說「壞了、幫我修」有效一百倍。
第四步:善用畫面截圖
很多工具的 AI 看得懂圖。版面跑掉、按鈕位置怪怪的，直接截圖給它看，比你用文字形容半天清楚。瀏覽器還有個叫「Console(主控台)」的地方會記錄錯誤，請 AI 教你怎麼打開、把裡面的紅字截圖或複製給它，常常一下就找到根源。
第五步:一次只改一個地方
找到可能原因後，一次只試一個修法。如果一口氣改五個地方，就算修好了也不知道是哪一項有效、萬一更糟也難退。改一個、測一下、不行就退回再試下一個(這也是 版本控制 這麼重要的原因)。
第六步:卡太久就「換個問法」或「重開一局」
如果同一個問題來回問了很多輪還是解不掉，AI 可能已經在死胡同裡打轉。這時可以:
- 換個角度描述同一個問題;
- 開一個新對話，把背景重新講一遍(舊對話塞太多雜訊會干擾判斷);
- 或請它「先別修，一步步分析可能的原因，列出來我們逐一排查」。
什麼時候該找人幫忙
如果問題牽涉到金流、大量個資、登入安全這種出錯代價很高的部分，自己反覆試修不放心時，找懂的人看一眼、或至少請 AI 對照 安全底線 逐項檢查，值得。日常小功能的 bug，照上面的步驟跟 AI 磨，通常都能解。
常見問題
Q:我看不懂錯誤訊息，貼給 AI 有用嗎? 非常有用。你看不懂沒關係，AI 看得懂。你的工作是「完整地把它交給 AI」，不是自己讀懂。切記別自己改寫或省略。
Q:AI 一直說修好了，但其實還是壞的怎麼辦? 明確告訴它「還是不行，一樣的狀況」，並重新用三段式描述現在的情形。必要時請它「先別急著改，先分析原因」。也可能是它誤解了問題，補一張截圖會很有幫助。
Q:每次都要重講一遍背景好累。 在同一個對話裡它會記得脈絡;但如果對話已經很長、很亂，開新對話反而更清爽。可以先請 AI「幫我把目前的專案狀況和這個問題整理成一段，我要開新對話用」。
Q:除錯需要學程式嗎? 不用。你需要的是「清楚描述問題」和「有耐心一步步試」的能力，不是寫程式的能力。真的想更懂一點，補 名詞速查 和 看不懂 AI 的程式碼怎麼辦 就夠。
除錯的核心不是技術，是「把問題講清楚、一步步縮小範圍」。下次壞掉別慌，貼完整錯誤、用三段式描述、一次改一個 → 搭配 版本控制 →、遇到 AI 越改越爛 → 冷靜退回，或回 挑個 Prompt 開始 →。