新版舊版
Vibe Coding 懶人包
用說的讓 AI 幫你寫程式,7 個實際有用的做法
黃志弘 Leo
2026-03-28 發佈 · 2026-10-09 更新 · 942 人看過
Vibe Coding 是什麼?
Vibe Coding 是用自然語言跟 AI 對話、讓它幫你把程式寫出來的開發方式:你負責講清楚要什麼,AI 負責寫、測、修。這個詞由前特斯拉 AI 總監 Andrej Karpathy 在 2025 年 2 月提出,原意是「順著感覺走,忘記程式碼本身的存在」。一年多下來它從玩笑話變成正經工作方式:工程師用它省掉重複工作,非工程背景的人用它做出上線產品。這頁整理的是實際用出來的方法。
7 個核心技巧
來源:Anthropic 官方文件 code.claude.com/docs/en/best-practices
1讓 AI 自己檢查
叫它做完自己測試,不能用的話自己修
「幫我做一個登入功能,做完之後自己測試,不能登入的話自己修」
2先問再做
叫它列計劃你確認再動手,亂做的機率大幅降低
「你先看看現在的程式,列出計劃,我確認再動手」
3說清楚,別說「改好一點」
越具體,結果越接近你要的
「標題放大到 24px,按鈕改圓角,背景換深色」
4給它看參考
AI 模仿比原創更穩
「看一下 A 頁面怎麼做的,用一樣的方式做 B 頁面」
5做錯了馬上喊停
錯越多它越混亂,砍掉重來比一直修更快
6一次做一件事
不要一次丟十個需求,它會搞混
7產品要長怎樣,由你決定
AI 會寫 code,但不會幫你決定產品要長怎樣。你想得清楚,它做得快。
第一次 Vibe Coding,從哪裡開始?
1挑一個免費工具就好
claude.ai 或 chatgpt.com 網頁版直接用,先不要裝任何東西,工具不熟會把挫折怪到方法上
2從一頁式網頁開始
做出來你就懂整個流程了
「幫我做一個自我介紹頁,有照片、三段文字、一個按鈕」
3出錯就把錯誤訊息原封不動貼回去
看不懂沒關係,AI 看得懂,它會自己修
最常卡住的 3 個地方
越修越亂
改了五次還在錯,這時候砍掉重來比繼續修快(技巧 5)
一次要求太多
一句話塞十個需求,AI 會漏做或做錯,拆開一件一件來(技巧 6)
講不清楚
說「幫我弄好看一點」它只能亂猜,給它一個你喜歡的網站當參考最快(技巧 4)
Vibe Coding 工具比較
上面 7 個技巧在任何工具都通用,不綁特定產品。工具會一直出新的,但「怎麼跟 AI 講話」的原則不會變。以下是目前主流選項,僅供參考:
展開工具比較(工具更新快,以各官網為準)
Claude Code
Anthropic
終端機、桌面 App、網頁版、VS Code 擴充都能用 · 可以自己讀檔、改檔、跑指令
需付費
Cursor
Cursor Inc.
以 VS Code 為基礎的編輯器 · 可選不同 AI 模型
免費版有次數限制
GitHub Copilot
Microsoft
裝在 VS Code 等編輯器裡用 · 有免費方案
Devin Desktop(原 Windsurf)
Cognition(2026/6 由 Windsurf 改名)
編輯器加上管理多個 AI 助手的介面
2026/6 完成品牌整合,功能與 Windsurf 時期沿用
Codex
OpenAI
終端機版(Codex CLI),也整合在 ChatGPT 桌面版裡 · 可以自己讀檔、改檔、跑指令
用 ChatGPT 帳號登入
ChatGPT
OpenAI
最多人用 · 免費版就能做簡單網頁
免費學習資源
官方文件
Claude Code 最佳實踐
code.claude.com/docs/en/best-practices
Claude Code 常見工作流
code.claude.com/docs/en/common-workflows
免費工具(馬上能用)
Claude — 我主要用的工具
claude.ai
ChatGPT — 免費版堪用
chatgpt.com
Perplexity — AI 搜尋引擎
perplexity.ai
Cursor — VS Code AI 版
cursor.com
Canva — AI 設計工具
canva.com
小建議:先從一個工具開始就好
用熟了再加第二個,不用全部都裝
常見問題
Vibe Coding 需要會寫程式嗎?
不需要。以前做網站要自己寫或是找工程師,現在你只要用說的,AI 聽完就幫你做出來。但你要會說清楚你要什麼。
Claude Code、Cursor、ChatGPT 哪個最適合?
Claude Code 和 Codex 能自己讀檔、改檔、跑指令,適合做完整專案。Cursor 是以 VS Code 為基礎的編輯器。ChatGPT 最多人用,免費版就能做簡單網頁。GitHub Copilot 有免費方案。先挑一個用熟就好。
最重要的技巧是哪一個?
先問再做(技巧 2)。叫 AI 列出計劃、你確認過再動手,可以避開大部分「做出來完全走鐘」的狀況。