Vibe Coding 入門
本站主線完全不需要程式基礎。這一章是給「已經用熟 AI、想再往前一步」的人。 如果你現在還在建立基礎，建議先看 學習地圖 的階段 1 和 2。
什麼是 Vibe Coding
用自然語言描述你想要的東西，讓 AI 把程式寫出來。 你負責描述需求、測試結果、決定方向；AI 負責寫碼。
這個名字帶點玩笑意味——你不是在「寫程式」，而是在「描述氛圍」。 但對非工程師來說，它真正的意義是：做出可用小工具的門檻，降到了「會描述需求」的程度。
它能做到什麼（以及做不到什麼）
很適合
- 個人用的小工具（記帳、追蹤、清單、計算機）
- 一頁式網頁（活動頁、作品集、報名表）
- 資料處理腳本（整理 Excel、批次改檔名、抓取整理資料）
- 內部用的簡單儀表板
- 把一個想法快速做成能點的原型
要很小心
- 會處理他人個資的東西
- 涉及金流、登入、密碼的功能
- 要長期維護、多人使用的正式系統
原因： AI 能讓東西「跑起來」，但安全性、錯誤處理、長期維護這些看不見的部分， 仍然需要懂的人把關。做給自己用沒問題；要給別人用、要放到網路上，請找人檢查。
工具分三類
1. 對話式（門檻最低）
直接在 ChatGPT、Claude 裡描述需求，讓它產出程式碼，你複製去用。 適合單檔的小腳本、單頁網頁。
2. 網頁生成平台（不用裝任何東西）
像 Lovable、v0、Bolt 這類服務：你打字描述，它直接生出可以看、可以點的網頁， 還能一鍵發布。適合做原型、活動頁、作品集。
3. AI 程式編輯器（最完整）
像 Cursor、Windsurf，或 Claude Code 這類命令列工具。 能讀你整個專案、跨檔案修改、跑測試。功能最強，但需要一點基礎概念。
新手建議路徑： 對話式 → 網頁生成平台 → （有需要再）AI 編輯器。
第一個專案該做什麼
挑一個只有你自己會用、壞了也沒關係的東西。例如：
- 一個把雜亂文字整理成表格的小網頁
- 一份會自動算總價的報價表
- 一個追蹤習慣的簡單頁面
描述需求的模板
我想做一個（東西），給（誰）用。
要做到：
1. （功能一）
2. （功能二）
3. （功能三）
限制：
- 我不會寫程式，請給我完整可以直接執行的檔案
- 請用最單純的做法，不要引入複雜的工具
- 每一段請加上中文註解，說明它在做什麼
請先跟我確認你理解的需求，再開始寫。
讓過程順利的五個習慣
1. 一次只加一個功能
「做一個記帳網頁，要有分類、圖表、匯出、多人共用、雲端同步」—— 這樣一次要完，幾乎一定會壞。先做最簡單的版本，能跑了再加。
2. 壞掉時，把錯誤訊息整段貼回去
不要自己翻譯錯誤訊息。整段複製貼上，再加一句「這是錯誤訊息，請修正」。
3. 每次能跑的版本都存一份
檔案複製一份、標上日期就好。這樣改壞了隨時能退回去。
4. 要求它解釋
請用我聽得懂的方式解釋這段程式碼在做什麼，
特別是我之後可能會想修改的地方。
這樣你會慢慢真的學到東西，而不是只有一堆看不懂的檔案。
5. 不要把密碼和金鑰寫進檔案
如果 AI 要你填入 API 金鑰，先問清楚這個檔案會不會被公開。 公開的程式碼裡絕對不能有金鑰。
安全檢查清單
做完之後、給任何人用之前，問 AI 這幾題：
請幫我檢查這份程式：
1. 有沒有把密碼、金鑰或個資寫死在程式碼裡？
2. 如果使用者輸入奇怪的內容，會不會出問題？
3. 這份程式會把資料送到哪裡去？
4. 如果要公開放到網路上，有哪些風險？
想再深入的話
如果你發現自己越做越有興趣，想系統性地學程式與 AI 開發， 可以看 HappyPrompt 自學 AI 程式設計學院， 那邊是偏開發者向的完整內容。
Vibe Coding 不會讓你變成工程師，但會讓你不再被「我不會寫程式」擋住。 能把想法做成能點的東西，本身就是很大的能力。