Vibe Coding 是什麼？新手該從哪個工具開始
Vibe Coding（氛圍編程）是指不看程式碼，只靠告訴 AI 你想要什麼來打造軟體。很適合小型個人專案——但一旦涉及真實使用者的資料，風險就來了。
查核於 2026年10月2日
Vibe Coding 用在個人專案和原型沒問題。先用 Claude Artifacts 或瀏覽器版建站工具免費開始，每完成一個可運作的步驟就存一個檢查點，在真實使用者的資料靠近之前先跑完安全檢查。
Vibe Coding 是什麼？名稱的由來
AI 研究員 Andrej Karpathy 在 2025 年 2 月 2 日創造了「vibe coding」一詞，形容它適合「週末隨手做做、用完即丟的專案」。程式設計師 Simon Willison 畫出一條實用的界線：如果你會審閱、測試並能解釋程式碼，那就不算 vibe coding 了——那是軟體開發。Collins 字典將它選為 2025 年度代表字。專業人士態度謹慎：在 Stack Overflow 的 2025 年調查中，只有約 12% 的開發者表示會在工作中 vibe coding。
你的第一個 App，八個步驟
做到哪就勾到哪；進度會保留在這個瀏覽器裡。
- 寫一份簡短的需求說明給誰用、3–5 個畫面、要保存哪些資訊。需求寫得精準，結果會更好。
- 先用假資料建構請它用虛構的範例資料做出各個畫面。一則訊息只改一件事。
- 每完成一個可運作的步驟就存檢查點逐一點開測試。Replit 和 Lovable 可以回復到任一檢查點。
- 修了 2–3 次還卡住？回復回到上一個可運作的版本，把問題問得更窄。無止境的修復循環只會燒掉點數。
- 需要時才加登入和資料庫接著設定資料庫存取規則。多數真實的洩漏事故都是因為缺少規則。
- 金鑰要保密把 API 金鑰放在平台的 Secrets（密鑰）儲存區，絕不要放在網頁裡。
- 執行安全掃描分享連結前先修好所有嚴重問題。掃描抓不到所有漏洞。
- 測試資料和真實資料分開絕不要讓 AI 代理存取正式資料庫。
用哪個工具？
| 工具 | 是什麼 | 免費版 | 備註 |
|---|---|---|---|
| Claude artifacts | 在對話裡使用 | 有，Claude Free 就能用 | 最簡單的第一次嘗試；不用任何設定 |
| Lovable | 在瀏覽器裡建置 | 每天 5 點額度（每月最多 30 點） | 學生和教師享 50% 優惠 |
| Bolt | 在瀏覽器裡建置 | 每天 300K token，含主機代管 | |
| v0（Vercel） | 在瀏覽器裡建置 | 每天 7 則訊息 | |
| Replit | 瀏覽器 + 主機代管 | 可發布 1 個 App（30 天後到期） | 一鍵檢查點 |
| Google AI Studio Build | 在瀏覽器裡建置 | 免費額度 | |
| Cursor | AI 程式碼編輯器 | Hobby（有限制） | 現已歸 SpaceX 所有 |
| Devin Desktop | AI 程式碼編輯器 | 少量免費額度 | 前身為 Windsurf |
| GitHub Copilot | 編輯器裡的小幫手 | 每月 2,000 次程式碼補全 | |
| OpenAI Codex | 程式開發代理 | 所有 ChatGPT 方案都包含 | |
| Gemini CLI | 終端機代理 | 每天 1,000 次請求 | 開放原始碼 |
| Claude Code | 終端機／桌面版代理 | 免費版沒有 |
免費額度取自各公司的定價頁面，查核於 2026年10月2日。付費方案的價格請見我們的 AI 工具比較。
真實發生過的事故
| 時間 | 誰 | 發生了什麼 | 根本原因 |
|---|---|---|---|
| 2025年3–5月 | Lovable | 掃描的 1,645 個 App 中有 170 個（約 10%）洩漏了 email、地址、付款資料和金鑰。 | 缺少資料庫存取規則 |
| 2025年7月 | Base44 | 一個公開的 App ID 讓任何人都能登入私人 App。24 小時內修復。 | 平台登入漏洞 |
| 2025年7月 | Replit / SaaStr | 在程式碼凍結期間，AI 代理刪除了含 1,200 多筆記錄的正式資料庫，接著還編造資料。資料後來救回來了。 | 代理有權存取正式資料 |
| 2026年1–2月 | Moltbook | 一把遺留在網頁裡的金鑰洩漏了 1.5M 個 API 權杖和 35,000 個 email。創辦人自己一行程式碼都沒寫。 | 金鑰外洩、沒有存取規則 |
| 2026年4月 | PocketOS | 一個程式開發代理使用了權限過大的金鑰，約 9 秒內就刪掉了正式資料庫和備份。 | 權限過大 |
這五件事故中有三件歸結為同一個錯誤：資料庫因為缺少存取規則，任何人都能讀取。資安公司 Veracode 發現，2025 年 AI 寫的程式碼有 45% 無法通過安全測試，到 2026 年通過率也幾乎沒變（從 55% 到 56%）。
資料來源：Karpathy · Simon Willison · Stack Overflow 調查 · Lovable 安全文件 · Replit 檢查點 · CVE-2025-48757 · Wiz 談 Base44 · The Register 談 Replit · Wiz 談 Moltbook · The New Stack 談 PocketOS · Veracode
本區指南
常見問題
什麼是 Vibe Coding？
向 AI 描述你想要什麼，然後不看程式碼就直接接受它寫的東西，用這種方式打造軟體。Andrej Karpathy 在 2025 年 2 月 2 日創造這個詞；Collins 字典將它選為 2025 年度代表字。
Vibe Coding 免費嗎？
可以免費開始：Claude Artifacts 在 Claude 免費版就能用，Bolt 和 Lovable 有每日免費額度，Gemini CLI 每天提供 1,000 次免費請求。多數工具也有付費方案，通常按用量計費——價格請見我們的 AI 工具比較。
哪個 Vibe Coding 工具最適合初學者？
先在對話裡用 Claude Artifacts——不需要任何設定。想做有登入和資料庫的真正網頁 App 時，Lovable、Bolt、v0 或 Replit 這類瀏覽器建站工具是下一步。Claude Code 和 Codex 這類程式開發代理適合已經看得懂程式碼的人。
用 Vibe Coding 做網站可以嗎？
只是展示資訊的網站可以。一旦要儲存訪客資料、有登入功能或收款，請先做安全檢查。Vibe Coding 安全嗎？
Vibe Coding 不好嗎？
不會——用來做原型和個人工具非常棒。但凡是存放他人私人資料的東西都有風險，因為在 Veracode 2025 年的研究中，AI 寫的程式碼有 45% 無法通過安全測試。