Vibe Coding 是什麼？用講的讓 AI 寫程式：意思、由來，和我實際做一個小網頁的結果
Vibe coding 是用白話告訴 AI 你要什麼，讓它把程式寫出來，你看結果、不看程式碼。這篇講這個詞的意思和由來，中文怎麼說，再用我實際做的一個例子說明它是怎麼回事：三句話、每次約 25 秒，做出一個聚餐分帳的網頁，中間有一個數字算錯，是我自己驗算才發現的。實作是 2026 年 10 月 14 日用 Claude Code 做的。
Vibe Coding
Vibe coding 指的是用白話告訴 AI 你要什麼，讓它把程式寫出來，你看的是結果，不是程式碼。這裡先講清楚這個詞的意思和由來，再用實際做出來的小東西說明它做得到什麼、哪裡要自己把關。實作的部分都是我自己下指令、自己驗算的，用了哪個工具、哪個模型、花多久，每一篇都會寫明。
學習路線
照順序讀最省力；已經會的可以直接跳。
Vibe Coding 工具怎麼選？Lovable、Bolt、v0、Replit 免費給多少、月費多少
Vibe coding 的工具分兩類，一類開瀏覽器就能用，一類要裝在自己電腦上，先選對類再選牌子。這篇把 Lovable、Bolt、v0、Replit、Hostinger AI Builder 五個網頁版工具的免費額度和最低月費並排，數字都是 2026 年 10 月 14 日從各家官方定價頁讀的；裝在電腦上的 Claude Code、Codex、Cursor、Gemini CLI 用站上先前查過的資料。九個裡我實際用過的只有 Claude Code。
Vibe Coding 教學：不會寫程式，用四句話做出記帳小工具的完整過程
一次完整的 vibe coding 實作紀錄。我用 Claude Code 講了四句話，做出一個資料存在瀏覽器裡的記帳網頁：先叫它講計畫、把決定講清楚再動手、自己試出三個錯、把看到的現象告訴它修好。每一句話的原文、每次等多久、哪裡出錯都寫在裡面，照著同樣的順序換成你要的東西就能做。2026 年 10 月 14 日實際執行。
Lovable AI 是什麼？免費能用到哪、費用怎麼算、有沒有中文介面
Lovable 是開瀏覽器就能用的 AI 做網站工具，用白話描述你要什麼，它直接生出一個能用的網站。這篇照官方定價頁和文件整理：免費方案每天 5 點、每月最多 30 點實際是什麼意思，付費的 Pro 多了什麼，可以用中文下指令但介面沒有中文，官方的入門教學怎麼教，還有 2025 年那次資料外洩的報導。資料是 2026 年 10 月 14 日讀的，我沒有 Lovable 的帳號，沒有實際用過。
Vibe Coding 翻車案例與缺點：兩起有報導的事故、兩份研究，和我自己遇到的四個錯
Vibe coding 做東西很快，出錯的方式也很固定。這篇整理我讀過原始報導的兩起事故（AI 刪掉正式資料庫、170 個網站漏出使用者資料）、兩份研究（近半數 AI 寫的程式有安全問題、有經驗的工程師用了 AI 反而變慢），加上我自己兩次實作抓到的四個錯，最後講做之前可以先擋掉哪些。每一項都附出處和日期。
AI 網站生成器怎麼選？Wix、Framer、Durable、Hostinger 免費能做到哪、月費多少
想要一個網站、不想碰程式，可以用 AI 網站生成器：講一句話，它先生出一個網站，你再用拖拉的方式改。這篇把 Wix、Framer、Durable、Hostinger AI Builder 四家的免費方案和最低月費並排，數字是 2026 年 10 月 14 日從各家官方定價頁讀的，並整理標價裡容易看錯的三個地方：年繳價、只送一年的網域、AI 點數。四家我都沒有帳號，沒有實際用過。
Framer 是什麼？AI 做網站在台灣多少錢、免費版限制，我量了 10 個 Framer 網站
Framer 是從設計工具起家的網站建置平台，在畫布上拖拉設計、直接發佈成網站，2026 年 6 月起加了 AI 代理，可以用講的生頁面、改內容、翻譯。這篇講它是什麼、從台灣看到的新台幣價格（Basic 年繳每月 137 元）、免費版有哪些限制、AI 點數怎麼算；我沒有帳號，實際做的是從台灣量 10 個用 Framer 發佈的網站，看速度、搜尋引擎讀不讀得到、Made in Framer 標誌長在哪。2026 年 10 月 14 日整理。
Google Antigravity 是什麼？費用、免費額度、中文、下載和 CLI，我實際裝了一次終端機版
Google Antigravity 是 Google 的 AI 寫程式工具，官方叫它代理程式開發平台。這篇照官方定價頁和文件整理：不訂閱就能用但額度每週才重新給、Google AI Pro 在台灣每月 650 元、各方案能用哪些模型、官網有繁體中文但終端機版的介面是英文、台灣在可用地區名單裡。另外我在雲端測試機上實際裝了它的終端機版 agy，裝了多久、佔多大、沒登入能做到哪都記下來。資料是 2026 年 10 月 14 日讀的，我沒有登入帳號實際用過。
Gemini CLI 安裝教學：是什麼、怎麼裝、免費額度多少，沒登入能做到哪我實際試了
Gemini CLI 是 Google 開源的終端機 AI 工具，裝在自己電腦上，讓 Gemini 直接讀你的檔案、改檔案、跑指令。這篇照順序講：系統需求、用 npm 安裝、第一次登入、免費額度（官方寫登入後每天 1,000 次請求）、常用的啟動參數和斜線指令。安裝的部分我在測試機上實際做了兩次，版本 0.64.0，npm 回報 2 到 5 秒、佔 98 MB。我沒有登入 Google 帳號，登入之後的操作是照官方文件寫的。2026 年 10 月 14 日。
Gemini CLI 和 Antigravity CLI 差在哪？額度、安裝，搬家指令我實際跑了一次
Google 現在有兩個在終端機裡用的 AI 工具，Gemini CLI 和 Antigravity CLI。這篇把兩個裝在同一台測試機上比：一個用 npm 裝、一個是 205 MB 的單一執行檔；一個的免費額度寫明每天 1,000 次請求，一個是每週重新給、沒有數字。我也實際跑了官方的搬家指令，擴充功能有搬過去、自訂指令被轉成技能，但直接加在設定檔裡的 MCP 伺服器沒有跟著過去。2026 年 10 月 14 日實測，兩個我都沒有登入 Google 帳號。