對話式開發：小步迭代｜Vibe Coding 對話式開發怎麼做小步迭代？

請 AI 寫程式，為什麼常常越改越壞？需求書寫好之後，就可以請 AI 開始幫你寫程式了。這時候最關鍵的心法，就是一次只改一件事。也就是先做出最小可用版本，再一次只加一個功能。很多人一開始就想要所有功能，還要畫面超漂亮。但是程式一長，AI 出錯的機率就會跟著變高。更麻煩的是，你根本很難找出到底是哪裡壞掉。所以第一步，先把範圍縮小，其他的慢慢來。我們來對照一下兩種做法。第一種是一口氣把所有功能和美化，全部丟給 AI。結果程式又長又雜，哪裡出錯你完全看不出來。第二種是先做出能跑的小版本，確定沒問題再往前。每次只多一個功能，壞掉的時候，原因就很好找。拿「每週學習進度追蹤器」來說，可以拆成五個版本。第一版只要能新增項目，再顯示清單就夠了。第二版加上勾選完成，第三版再加上完成率。第四版把資料存到瀏覽器，重新整理也不會不見。最後第五版，才來美化畫面。每一版寫好之後，一定要實際打開來測試。確定一切正常，再存一份備份，才進行下一步。備份很簡單，把檔案複製一份，加上版本號就好。如果你會用 Git，直接做一次提交也可以。這樣就算 AI 把程式改壞，你也能立刻退回上一個好版本。所以存檔，就是你在開發路上的保險。接著來看第一個開發提示詞，先把需求書貼在最前面。然後請 AI 先做出最小可用版本，只要輸入框和新增按鈕。新增之後，下方要顯示清單，其他功能先不要。我們請它做成單一 HTML 檔，不用任何外部套件。程式也要加上中文註解，這樣你比較看得懂。最後一段很重要，要請 AI 說明檔案分成哪幾個部分。還要說明新增項目時，程式依序做了哪些事。拿到程式後，存成 tracker.html，用瀏覽器打開測試。這些說明，會幫你在之後的修改中，看懂它改了哪裡。你有沒有發現，每個提示詞都附了一句限制？像是只修改必要的部分，或是不要改變任何功能。這是因為 AI 有時候會好心地「順便」重寫整個檔案。結果原本好好的功能，就被它改壞了。沒有限制範圍，AI 就可能動到你不想動的地方。明確告訴它範圍，是 Vibe Coding 很重要的技巧。接下來看第二版，我們要加上勾選完成的功能。你只要請 AI 在每個項目前面，加上勾選框。勾選之後，文字要加上刪除線，看起來就像完成了。最後別忘了加一句，只修改必要的部分，其他功能不要動。第三版就請它在清單上方，顯示本週完成率。例如已完成 3／5，也就是 60%。第四版請它存到 localStorage，重新整理後資料還在。第五版才美化，要柔和配色，手機寬度也要能正常顯示。同時還要強調，不要改變任何功能。如果對話越來越長，AI 可能開始忘記前面的設定。或者是你問東，它卻答西，開始答非所問。這時候不要硬撐，直接開一個新的對話。把需求書，和目前最新版的完整程式，一起貼上去。再接著提出下一個需求，就能順利繼續。另外，每完成一版，用一句話記下這版新增了什麼。這份紀錄，之後可以直接放進作品的開發歷程。來做個小測驗，檢查一下你有沒有記住。在對話式開發中，課程建議的做法是哪一個？先想想看，三個選項裡，哪一個最合理。答案是第一個，先做最小可用版本，一次加一個功能。而且每一版都存備份，出錯時就能快速回復。最後幫你整理一下，今天的重點有四個。第一，先做出最小可用版本，不要一次貪心。第二，一次只加一個功能，出錯才好找。第三，每版測試正常後，就存一份備份。第四，提示詞要限制範圍，對話太長就重開。小步前進，每步存檔，就不怕改壞。