Vibe Coding 名詞速查：新手會遇到的 20 個詞，白話解釋

用 AI 做東西時，工具和教學會冒出一堆術語。不用全懂，但認得這 20 個，你會順很多。

基礎結構

• 前端（Frontend）：使用者看得到、點得到的部分（畫面、按鈕）。
• 後端（Backend）：背後處理資料、邏輯的部分，使用者看不到。
• 資料庫（Database）：存資料的地方（會員、訂單、留言）。
• API：兩個系統溝通的橋樑，例如你的網站跟金流之間。

做與上線

• 部署（Deploy）：把作品放到網路上給人用（看 部署選擇）。
• 網域（Domain）：你的網址，例如 example.com。
• 環境變數（Env / Environment Variable）：放金鑰、密碼的安全地方（不寫死在程式裡）。
• 版本控制 / Git：記錄每次修改、能還原的存檔系統。

AI 開發相關

• Prompt：你給 AI 的指令／描述。
• MVP：最小可行版本，先做能用的、再慢慢加。
• 重構（Refactor）：整理程式碼讓它更好讀，不改功能。
• Debug：找出並修掉程式的錯誤。

常聽到的工具/服務

• Bolt / Lovable / Cursor / v0：vibe coding 工具（看 該用哪個）。
• Zeabur / Cloudflare / Vercel：部署平台。
• 綠界 / LINE Pay：台灣金流。
• Webhook：某件事發生時自動通知另一個系統（例如付款完成）。

安全相關

• 金鑰（API Key）：呼叫服務用的通行證，要保密、放後端（看 安全底線）。
• 前端不可放密鑰：放了會被偷、被盜刷，最常見的災難。

常見問題

Q：這些都要懂嗎？ 不用全懂。會描述需求最重要，遇到不懂的詞，直接問你的 AI 工具「這是什麼、我該注意什麼」。

Q：哪幾個最重要？ 「金鑰放後端」「常存檔（版本控制）」「先做 MVP」——這三個觀念能幫你避開最多坑。

---

看完詞彙，開始動手 → 從 0 到上線 →，或 挑個工具 →。