什麼是 Vibe Coding？
你有沒有想過，光靠「說出你想要什麼」，AI 就能幫你寫出程式碼？這就是 Vibe Coding 的核心精神。 這一章我們來認識這個全新的學習方式，看看它如何改變初學者學程式的體驗。
本章重點
- 什麼是 Vibe Coding，它跟傳統學程式有什麼不同
- Vibe Coding 能用哪些 AI 工具（ChatGPT、Copilot 等）
- 初學者為什麼適合用 Vibe Coding 入門
- Vibe Coding 的限制與正確的使用心態
教學說明
Vibe Coding 是什麼？
「Vibe Coding」這個詞，是由 OpenAI 共同創辦人 Andrej Karpathy 在 2025 年提出的。 它的意思是：用自然語言（就是你平常說話的方式）跟 AI 溝通，讓 AI 幫你產生程式碼， 而不是你一個字一個字自己打。
傳統學程式的方式，你必須先背語法、記規則，才能開始動手。 但 Vibe Coding 的方式是：先讓 AI 幫你做出來，再從結果中學習。 就像你先看別人騎腳踏車，再自己試著騎，比純讀課本有效得多。
常見的 Vibe Coding 工具
目前最受歡迎的幾個工具：
- ChatGPT（OpenAI）：最多人用，直接輸入需求就能產出程式碼
- GitHub Copilot：在 VS Code 裡即時補完程式碼，寫一半自動猜下一行
- Claude（Anthropic）：對話式 AI，適合解釋複雜概念
- Gemini（Google）：整合在 Google 服務中，使用方便
Vibe Coding 的學習心態
使用 AI 學程式不代表可以「完全不理解程式碼」。 正確的心態是：讓 AI 幫你起步，然後花時間理解 AI 產生的結果。 你不需要每一行都看懂，但要大致了解「這段程式碼在做什麼」。
初學者建議
剛開始學的時候，把 AI 當成「會解釋的老師」，不只是叫它給你答案，也要問它「為什麼這樣寫？」
範例：如何向 AI 提問
下面是初學者向 AI 請求幫助的好方式與不好的方式：
❌ 不夠好的提問：
幫我寫網頁✅ 好的提問方式：
我是 HTML 初學者，請幫我寫一個簡單的自我介紹網頁。
需要包含：
1. 我的名字（標題）
2. 一段自我介紹（段落文字）
3. 我的興趣列表
請用最基本的 HTML 標籤，並加上說明讓我了解每個標籤的用途。好的提問要說明：你的程度、你要什麼、你的具體需求。
常見錯誤
完全依賴 AI，不看程式碼
AI 產生的程式碼你完全不看，只管貼上去。這樣學不到東西，遇到問題也不知道從哪改起。
提問太模糊
「幫我做個網頁」這種提問，AI 不知道你想要什麼，給出的結果常常不符合需求。
遇到錯誤就放棄
AI 給的程式碼有時會有小問題，這是正常的。遇到問題要學會把錯誤訊息貼給 AI，請它幫你修正。
小練習
🎯 動手試試看
打開 ChatGPT 或任何 AI 工具，用「好的提問方式」請它幫你介紹 HTML 是什麼，並說你是完全的初學者。看看 AI 的回答有沒有變得更適合你。
請 AI 解釋「HTML、CSS、JavaScript 的差別」，並把它的答案用自己的話重新說一遍，確認你真的理解了。
想想你想做什麼樣的網頁（個人介紹？作品集？部落格？），寫下來，這將是你完成這本書後的作品目標。
本章完成！
你已經了解 Vibe Coding 的概念了。下一章，我們來看看為什麼 HTML、CSS、JavaScript 是網頁的三大支柱。