English →
— 人來過

Vibe Coding 懶人包

2026 必備技能 — 讓 AI 幫你寫程式的完整指南

← 返回首頁關於我·失敗清單·GitHub·Threads

Vibe Coding 是什麼?

Vibe Coding 是用自然語言跟 AI 對話、讓它幫你把程式寫出來的開發方式:你負責講清楚要什麼,AI 負責寫、測、修。這個詞由前特斯拉 AI 總監 Andrej Karpathy 在 2025 年 2 月提出,原意是「順著感覺走,忘記程式碼本身的存在」。一年多下來它從玩笑話變成正經工作方式:工程師用它省掉重複工作,非工程背景的人用它做出上線產品。這頁整理的是實際用出來的方法。

7 個核心技巧

來源:Anthropic 官方文件 docs.anthropic.com/en/docs/claude-code/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
終端機操作 · 理解上下文佳 · 自主執行能力強
需付費

Cursor

Cursor Inc.
VS Code 改造 · 自動補全快 · 多模型支援
免費版有次數限制

GitHub Copilot

Microsoft
整合 VS Code · 補全最快 · 有免費方案
複雜邏輯易錯

Devin Desktop(原 Windsurf)

Cognition(2026/6 由 Windsurf 改名)
免費額度大方 · 自動讀檔案
2026/6 完成品牌整合,功能與 Windsurf 時期沿用

ChatGPT

OpenAI
最多人用 · 免費版堪用
不能直接操作檔案

免費學習資源

官方文件

免費 AI 課程

Google AI 基礎課程
ai.google/education
NVIDIA 深度學習培訓
nvidia.com/en-us/training
Anthropic 官方研究
anthropic.com/research

免費工具(馬上能用)

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 在終端機操作、理解上下文方面表現突出。Cursor 是 VS Code 改造版、自動補全快。ChatGPT 最多人用、免費版堪用。GitHub Copilot 有免費方案。看你的需求和預算。
最重要的技巧是哪一個?
先問再做(技巧 2)。叫 AI 列出計劃、你確認過再動手,可以避開大部分「做出來完全走鐘」的狀況。

想看更多 AI 實用技巧?

追蹤 Leo 的 IG,持續分享第一手經驗

追蹤 @kanisleo328

覺得有用?引用這篇分享給更多人