# Vibe coding 是什麼？定義、工具與限制

> Vibe coding 就是用自然語言向 AI 描述需求，讓 AI 寫程式碼。定義、工具、風險與實例一次看。

原始頁面：[Vibe coding 是什麼？定義、工具與限制](https://devoria.fr/zh-hant/blog/what-is-vibe-coding-definition-tools-limits)
作者：[Mehdi Azizi](https://devoria.fr/zh-hant/mehdi-azizi)
發布日期：2026-10-01
內容最後修訂：2026-10-09


## 用最簡單的方式解釋 vibe coding

Vibe coding 是什麼？它是一種做軟體的方式：你把想要的東西描述給 AI 聽，而不是自己寫程式碼。**你用中文說出需求，AI 寫程式碼，你看結果，再把需求講得更精確。**用這種方式工作的人，就叫 vibe coder。

以手機 App 來說，一開始可能只是「做一個待辦清單，加一個新增項目的按鈕」。但重要的部分在後面：確認新增功能真的能用、關掉 App 後清單還在、畫面在你的手機上好不好操作。

你不會寫程式也能開始。但要繼續走下去，你得慢慢搞懂你的 App 在做什麼、資料存在哪裡，以及怎麼驗證一次修改。

我每天都用 Claude 和 Cursor 寫自己的 iOS App。Solys（一款搭配小遊戲的鬧鐘）和 TradaZen（一款交易模擬器）都已經上架 App Store。這篇指南就是從這些實戰來的：vibe coding 真正能做到什麼、在哪裡會壞掉，以及怎麼一路做到 App 上架。

## 為什麼叫「vibe coding」？

這個詞有明確的誕生日。2025 年 2 月 2 日，OpenAI 共同創辦人 Andrej Karpathy 在 X 上描述了一種新的寫程式方式：順著「vibes」走，接受 AI 給的一切，幾乎忘了程式碼的存在。他稱之為「vibe coding」。這個詞的來龍去脈可以看[它的維基百科頁面](https://fr.wikipedia.org/wiki/Vibe_coding)。

這個詞紅得很快。Merriam-Webster 字典在 2025 年 3 月就收錄了它，Collins 字典更把它選為[2025 年度代表字](https://www.cnn.com/2025/11/06/tech/vibe-coding-collins-word-year-scli-intl)。

在法國，大家也跟著好奇起來。根據 Google Keyword Planner，2026 年 10 月 2 日「vibe coding」這個關鍵字在法國每月有 10,000 到 100,000 次搜尋，一年內成長 +900%。

記住它的原意：在 Karpathy 口中，vibe coding 指的是**不再讀程式碼**。拿來做週末小實驗很棒。但對真的會有人使用的 App 來說就很冒險，這也正是它和下面介紹的方法最大的差別。

## Vibe coding、no-code 與 AI 輔助開發

這幾個說法有重疊，但指的不完全是同一種方法。

| 方法        | 你做的事                           | 你得到的東西                         | 限制                         |
| ----------- | ---------------------------------- | ------------------------------------ | ---------------------------- |
| No-code     | 在視覺化介面裡組合區塊             | 一個活在工具裡的 App                 | 你依賴平台和它的收費         |
| Vibe coding | 描述結果，一個個 prompt 往前推     | 真正的程式碼，但你很少讀或完全不讀   | 只要沒人檢查，錯誤就會溜過去 |
| AI 輔助開發 | 一樣是描述，但加上規則、審查和測試 | 真正的程式碼，而且你知道怎麼讓它演進 | 一開始比較慢，得學會驗證     |

你可以從第二種開始，再慢慢轉向第三種。光看工具名稱分不出兩者：你可以對 Codex 下一個模糊的修改要求，也可以在 App 生成器裡寫出很精確的需求。

[不寫程式做 App 的指南](https://devoria.fr/zh-hant/blog/build-app-without-coding-no-code-ai)詳細說明了當你的原型開始變成真正的產品時，你需要學些什麼。

## 怎麼做 vibe coding？

不管用什麼工具，方法就是五個動作。

1. **描述一個可以驗證的結果。**不是「一個運動 App」，而是「一個畫面，列出我的訓練紀錄，並有一個新增按鈕」。
2. **一次只要求一件事。**一個畫面、一個功能、一個修正。一個 prompt 塞十個要求，就會得到十個做一半的東西。
3. **在真的手機上看結果。**對手機 App 來說，瀏覽器裡的預覽證明不了什麼。
4. **用精確的要求來修正。**說清楚你做了什麼、看到什麼、預期是什麼。附一張截圖很有幫助。
5. **把能用的版本存起來。**每次提出新要求前，先保留一個可以退回的版本。

做原型，這五個動作就夠了。如果是想上架的 App，還要加上規則和檢查，這就是[用 AI 做 App](https://devoria.fr/zh-hant/blog/ai-ios-app-pitfalls-checks)要講的內容。

## 做手機 App 要用哪些工具？

有兩條路：在你自己的專案裡工作，或從一個依照描述生成 App 的工具開始。

**Codex 和 Claude Code** 可以在程式碼資料夾裡工作、修改檔案、執行指令。**Cursor** 讓你在編輯器裡搭配 agent 工作。如果你想理解並保有自己的 App 專案，這些用法很適合。它們的能力可以參考 [Codex CLI](https://learn.chatgpt.com/docs/cli)、[Claude Code](https://code.claude.com/docs/en/overview) 和 [Cursor Agent](https://cursor.com/docs/agent/overview) 的官方文件。

生成器則有自己的環境和輸出格式。選之前，先確認它產出的是網頁 App、手機專案，還是只給 Apple 平台用的專案。[Lovable、Rork 與 FlutterFlow 比較](https://devoria.fr/zh-hant/blog/lovable-rork-flutterflow-mobile-app-comparison)解釋了這個差別。

以下是四個知名工具產出的東西，以及免費方案能做到什麼，依據的是 2026 年 10 月 2 日查閱的價格頁面。這些方案常常變動，選擇前請再確認。

| 工具        | 產出                                   | 免費方案                                                                     |
| ----------- | -------------------------------------- | ---------------------------------------------------------------------------- |
| Claude Code | 在你自己的專案裡產生程式碼，透過終端機 | 沒有：它[包含在付費方案裡](https://claude.com/pricing)，每月 20 美元起       |
| Cursor      | 在你自己的專案裡產生程式碼，透過編輯器 | 有，但[agent 請求次數有限](https://cursor.com/pricing)                       |
| Lovable     | 網頁 App                               | 有：[每天 5 點，每月最多 30 點](https://lovable.dev/pricing)                 |
| Bolt        | 網站或網頁 App，託管在它的平台上       | 有：[每天 30 萬 token，每月 100 萬](https://bolt.new/pricing)，會帶它的 logo |

做 iPhone App 的話，專案格式決定了後面的路。在 React Native 和 Expo 專案裡工作的 agent，會把程式碼和通往 App Store 的路留給你。網頁 App 生成器給你的是一個可以分享的連結，不是 App Store 上的頁面。要怎麼選，請看[做 App 該用哪個 AI](https://devoria.fr/zh-hant/blog/ai-app-builder-codex-claude-cursor)。

最重要的是選一條你跟得上的路：打開專案、顯示結果、存一個版本、看懂一個錯誤。一個很厲害、卻讓你卡在第一次修正的工具，沒辦法幫你完成。

## Vibe coding 有哪些風險？

危險的不是 AI，而是把沒人檢查過的東西發布出去。兩起公開事件可以說明，我自己被 Apple 退件的經驗也是。

**資料對所有人敞開。**一位資安研究員分析了 1,645 個用 Lovable 做的專案，並在 2025 年 5 月公布結果：[有 170 個外洩資料](https://mattpalmer.io/posts/statement-on-CVE-2025-48757/)，包括電子郵件、電話號碼和 API 金鑰。原因是資料庫的存取規則不存在或太寬鬆。App 在畫面上運作得很好，這正是陷阱所在。

**資料庫被刪掉。**2025 年 7 月，Replit 的 agent 在程式碼凍結期間[刪除了一個專案的正式環境資料庫](https://www.heise.de/en/news/Artificial-intelligence-Vibe-coding-service-Replit-deletes-production-database-10499597.html)，而專案擁有者明明禁止了任何修改。Replit 之後宣布會自動分離開發和正式環境的資料庫。

**被 Apple 退件。**AI 不會用審查員的眼光看你的 App。Solys 被退過兩次，AI 都沒提醒我：一次是某個必經畫面在小視窗裡無法跳過，另一次是評分邀請出現得太早。兩次經過都寫在 [Apple 為什麼退件你的 App](https://devoria.fr/zh-hant/blog/apple-app-rejection-reasons-real-cases)。

**祕密金鑰放在 App 裡。**當 AI 要你提供 API 金鑰時，它很容易直接把金鑰寫進交給使用者的程式碼，任何人都讀得到。[Expo App 的 API 金鑰指南](https://devoria.fr/zh-hant/blog/expo-api-key-security-supabase)說明了應該在哪裡發出呼叫。

每次的對策都一樣：**每種風險對應一項檢查**。用兩個帳號測試存取規則、每次改資料庫前先備份、在最小和最大的 iPhone 上測試、App 裡不放任何祕密金鑰。

## 第一個專案：出門前的準備清單

舉個**虛構的例子**：一個幫你整理登山背包的 App。第一版只能新增物品、勾選物品，並保存清單。

先寫一個描述可驗證結果的 prompt：

```prompt
我在做一個小型手機 App，用來整理登山背包。
第一步：只有一個畫面，上面是物品清單。
我想新增物品，並在它放進背包時勾選。
先使用本機資料，不要使用者帳號。
修改專案前，先說明會動到哪些檔案。
修改後，告訴我怎麼驗證新增和勾選功能。
目前先不要加付款、地圖或 AI 功能。
```

這個 prompt 是要你改成自己版本的範例，不是已經做好的 App。它避免在你還不會驗證第一個功能時，就把十個功能丟給工具。

畫面出來後，一次測一個動作。新增一個物品、勾選它，然後關掉再打開 App。如果清單不見了，就明確要求重新啟動後保留資料。如果有文字被截斷，附上截圖並說明是哪個尺寸的裝置。

## 從一開始就要保持的檢查

每一個小步驟，都回答這幾個問題：

1. 我要求的動作真的能用嗎？
2. 關掉 App 或返回上一頁後，結果還正確嗎？
3. 鍵盤、文字和按鈕在我的手機上還好用嗎？
4. 如果下一次修改弄壞了東西，我能退回上一個版本嗎？

當 AI 建議加入某個相依套件或服務時，問它為什麼需要、要花多少錢。

## 用 vibe coding 做的 App 能上架嗎？

可以。Solys 和 TradaZen 都在 App Store 上，程式碼是用 Claude 和 Cursor 寫的。TradaZen 從第一個 commit 到上架，經過了 26 個日曆天。

但用什麼方式做，都不能免掉任何步驟。你還是得測試 App、準備商店頁面，並向 Apple 說明它怎麼運作。在瀏覽器裡能跑的預覽，不代表送給 Apple 的版本在 iPhone 上能用。而且有四個步驟完全要靠你自己：App 簽署、TestFlight、訂閱和審查。

[App Store 上架指南](https://devoria.fr/zh-hant/expertise/publish-app-on-app-store)說明了這些步驟。想用 OpenAI 的工具開始，請看[用 Codex 做 App 的教學](https://devoria.fr/zh-hant/blog/build-app-with-codex-beginner-guide)。用 Anthropic 的工具，請看[用 Claude Code 做 App](https://devoria.fr/zh-hant/blog/claude-code-iphone-app-tutorial)。

## Vibe coding 免費嗎？

**試用的話，是的。**Cursor、Lovable 和 Bolt 都有免費方案，每天的請求次數有限。做幾個畫面夠用，但不夠做出一整個 App：只要你每天都在做，額度很快就用完。Claude Code 則需要付費方案，**每月 20 美元**起。

接著是 AI 省不掉的費用：在 App Store 上架**[每年 99 美元](https://devoria.fr/zh-hant/blog/apple-developer-account-price-free-or-99)**，Google Play **一次性 25 美元**。哪些免費、哪些不免費，詳細內容在[免費做 App](https://devoria.fr/zh-hant/blog/free-iphone-app-real-cost)。

## 怎麼學 vibe coding？

自己學也能走很遠：官方文件都是免費的，這個部落格的教學也都從真實專案出發。最重要的是動手做。完成一個小 App，學到的比看十支影片還多。

自學最缺的，是在送審前就知道 Apple 會退什麼。這就是 **[iOS Kit](https://devoria.fr/zh-hant/kits/ios)** 的用途：我的 App 的起始程式碼、一套可以照自己步調走的四步驟流程，以及在送審前幫你檢查專案的 Claude Code skills。[vibe coding 課程](https://devoria.fr/zh-hant/expertise/vibe-coding-course-iphone-app)頁面針對 AI 整體做了詳細介紹，[Claude Code 課程](https://devoria.fr/zh-hant/expertise/claude-code-course-ios-app)則專門介紹 Anthropic 的工具。

## 常見問題

### 做 vibe coding 需要會寫程式嗎？

不用，至少一開始不用。你描述想要的東西，AI 寫程式碼。但要完成一個 App，你得學會驗證：看懂哪些檔案被改了、在手機上測試、理解錯誤訊息。

### 什麼是 vibe coder？

就是透過向 AI 描述來做軟體，而不是自己寫程式碼的人。這個詞可以指剛做出第一個原型的新手，也可以指把撰寫工作交給 AI、好加快速度的開發者。

### 可以用 ChatGPT 做 vibe coding 嗎？

可以。你可以請它寫程式碼再貼進你的專案，或使用 OpenAI 的 agent Codex，它會直接修改檔案。限制和其他工具一樣：要由你在真的手機上檢查結果。

### 最好的 vibe coding 工具是哪個？

能產出你需要的格式的那個。做網站或網頁 App，Lovable 或 Bolt 這類生成器很快。做想上架並持續改版的 iPhone App，在你自己專案裡工作的 agent，例如 Claude Code、Codex 或 Cursor，會把程式碼和控制權留給你。

### 可以用 vibe coding 做手機 App 嗎？

可以，前提是選一個能產出真正手機專案、而不只是網頁 App 的工具。用 React Native 和 Expo，一個專案就能同時做出 iPhone App 和 Android App。

### Vibe coding 用在正式上線的 App 可靠嗎？

直接用的話不可靠。已知的事件全都來自未經檢查就發布的結果：資料外洩、資料庫被刪、被 Apple 退件。只要有經過測試的存取規則、備份和實機測試，同樣的方法也能做出穩定的 App。

## 從第一個點子到你做得完的專案

如果你還在猶豫第一個功能要做什麼，先[驗證你的 App 點子](https://devoria.fr/zh-hant/blog/find-app-idea-5-tests-before-coding)。想看完整流程，請讀[怎麼做一個 App](https://devoria.fr/zh-hant/blog/how-to-make-an-app-4-steps)。如果你已經有原型，[iOS Kit](https://devoria.fr/zh-hant/kits/ios) 的四步驟流程可以幫你找到下一步。不知道自己走到哪了嗎？[免費診斷](https://devoria.fr/zh-hant/diagnostic)會幫你定位、告訴你先處理哪一步，並寄給你我的防 Apple 退件檢查清單。


## 你的專案

[iOS Kit](https://devoria.fr/zh-hant/kits/ios)：用 Claude Code 打造你的 iPhone App：我的 App 所用的 Starter Code、檢查成果的 skills，以及 Apple Review Kit、App Store Screenshots Kit 與 ASO Kit。129.99 €。