不寫程式碼也能開發產品！Vibe Coding 是什麼？3 款好用 AI 工具＋6 步驟教學一次看

隨著生成式 AI 進入爆發成長時期，2025年初自美國矽谷刮起一股軟體開發新風潮：透過 AI 工具協助，軟體工程師可以在「不寫程式碼」的前提下開發產品 ，而這種近乎佛系、不用刻苦寫code的開發方式，被取了一個新穎的名字： Vibe Coding 。

總而言之，Vibe Coding 是一種全新的程式設計方式，開發者透過自然語言向 AI 描述需求，由 AI 自動生成程式碼，其核心理念是 「完全順應感覺（vibes）、擁抱 AI 帶來的進步，並忘記程式碼本身的存在」 。

而這種開發方法，從根本上顛覆了科技業長久以來的觀念： 開發軟體需要擁有高超coding技能的工程師。

Vibe Coding 概念是誰先提出的？

首先提出 Vibe Coding 概念的人，是現年 38 歲的安德烈·卡帕斯（Andrej Karpathy），他是 OpenAI 的共同創始人之一，也曾在特斯拉擔任 AI 和自動駕駛視覺總監。目前，他是 Eureka Labs 創辦人，並致力於 YouTube 上推廣 AI 教育。

卡帕斯觀察到一種新的程式撰寫狀態，在這種狀態下，開發者不再關心程式碼的細節，而是根據應用程式畫面或功能需求，直接請 AI 修改。例如，開發者可以直接說：「把側邊欄的 padding 減少一半」，不用手動去查 CSS 或程式碼來修改。甚至遇到錯誤訊息時，只需複製貼上給 AI，通常就能解決問題。

正如卡帕斯所說：「這不是真正的編碼——我只是看東西、說東西、執行東西和複製貼上東西，而且大部分都能執行。」這種方式將程式設計的重點，從語法和手動編碼轉移到高階設計和想法表達上。

他甚至豪言指出： 「最熱門的新程式設計語言，是英文。」 （The hottest new programming language is English.）

The hottest new programming language is English

— Andrej Karpathy (@karpathy) January 24, 2023

Vibe Coding，跟 LLM Coding 差在哪裡？

事實上，目前 Vibe Coding 並非正式的術語，當前仍為討論「軟體開發 AI 方法論」的流行詞彙。而根據知名程式設計師西門·威利森（Simon Willison）指出，Vibe Coding 時常被認為就是利用 AI 寫程式碼（亦即 LLM Coding），但其實兩者雖然都是利用 AI 輔助程式開發，但仍存在以下本質差異：

1. 核心理念不同

Vibe Coding 強調「完全順應感覺」和「忘記程式碼」，開發者主要專注於創意和整體架構，而不需深入了解技術細節。相比之下，LLM Coding 仍保持對程式碼本身的關注，開發者需具備基本的程式語言知識。

2. 開發者角色轉變

在 Vibe Coding 中，開發者成為 AI 的指導者或協作者，使用自然語言表達意。反觀在 LLM Coding 中，開發者仍然參與審查和修改生成的代碼，扮演更主動的角色。

3. 與程式碼的互動方式

Vibe Coding 鼓勵直接接受 AI 建議，通常不檢查 AI 生成的程式碼變更（diffs），而是直接「全部接受」。正如 Simon Willison 所說：「如果 LLM 寫了你所有的程式碼，但你已經審查、測試和理解了所有這些程式碼，那就不是 vibe coding——只是使用 LLM 作為打字助手」。

4. 技術門檻差異

Vibe Coding 大幅降低了程式設計的門檻，使非程式設計師也能參與開發；而 LLM Coding 雖比傳統編程簡單，但使用者仍受益於具備一定程式知識。

5. 主要工具差異

Vibe Coding 常使用專門設計的工具，如 Cursor AI 的 Composer、Claude 的 Sonnet 模型和 Superwhisper 等；而 LLM Coding 主要使用 GitHub Copilot、Code Llama 和 StarCoder 等工具。

Vibe Coding 有哪些常用工具？

綜合劍橋出版社產品負責人尼爾·麥克納爾蒂（Niall McNulty）與機器磚塊 (Roblox)產品主管Peter Yang 指出，想要開始 Vibe Coding，可以從以下的常用的工具開始：

1. Cursor AI

Cursor 是一款由 AI 驅動的程式碼編輯器，旨在幫助用戶更有效率地編寫程式。其核心功能包括：

1. Composer 工具：可自動化大部分的程式編寫過程，用戶只需用自然語言描述想要的功能。
2. 支援多種 AI 模型：如 ChatGPT、Claude 3.5 和 DeepSeek 等。
3. 程式碼生成與優化：AI 可根據自然語言提示生成代碼，並幫助修復錯誤。
4. 即時錯誤提示：當程式碼有語法錯誤或潛在的邏輯問題時，會顯示提示。

2. Claude 3.7 Sonnet

由 Anthropic 開發的 Claude 3.7 Sonnet 是一款強大的大型語言模型，特別適合 Vibe Coding：

1. Artifact 工具：允許用戶生成各種內容，包括程式碼、網站和互動式元件。
2. 支援多種程式語言：可生成 Python、JavaScript 等多種語言的代碼。
3. 免費版提供有限使用額度，完整功能需訂閱 Claude Pro（每月 20 美元）。

3. Super Whisper

Super Whisper 是一款為 coding 優化的語音轉文字引擎，讓開發者可以通過語音指令進行 Vibe Coding：

1. 可與 Cursor、Cline 或 Windsurf 等編輯器配合使用。
2. 人類說話速度比打字快 3-5 倍（150+ WPM vs. 40-80 WPM），提升開發效率。
3. 減少鍵盤使用，降低人體工學問題，提供更自然的互動方式。

如何串接 Super Whisper 跟 Cursor，實現語音寫 Code？

Vibe Coding 追求的「擁抱氛圍」，其一連鍵盤都不用了，要透過「語音寫 Code」來實現。因此，將 Super Whisper 與 Cursor 串接成為一大關鍵。

步驟1：安裝 Cursor AI 與 Superwhisper

先下載並安裝 Cursor AI 後，從 Super Whisper 官方網站安裝 Superwhisper；適用於 macOS 以及 Windows。

步驟2：設定 Superwhisper 編碼模式

打開 Superwhisper 後：
1. 開啟設定。
2. 找到模式，並點擊「建立模式」按鈕。

▲ 先在設定中創造新模式。 圖／ Superwhisper

1. 選擇「自訂」來建立新模式。
2. 建立一個名為「Python編碼」（或其他）的新模式，然後選擇「在Cursor運作時中啟動」以將此新模式與Cursor AI連結起來。

▲ 記得調整想使用的模型，並將 Voice mode 底下的語言調整為中文；最後，在 Activate when using 中點選Cursor。 圖／ Superwhisper

按照上述步驟完成後，以 max 用戶為例，可以按快捷建「option + 空白鍵」喚醒語音模式如下，並點選剛剛創建的 Python 編碼模式，即可實現語音編碼。

▲ 點選左下角的「Python 模式」處，就可以切換模式。 圖／ Superwhisper

要注意的是，首次安裝 Cursor 後語音模式可能會預設連結 ChatGPT，因此要記得先關閉 ChatGPT（若有安裝 App 的話），就能透過 Superwhisper 連動 Cursor。

零基礎 Vibe Coding 入門指南

即使完全沒有程式基礎，你也可以通過以下步驟開始 Vibe Coding：

第一步：選擇合適的工具

1. 下載並安裝 Cursor AI（或其他）。
2. 訪問 Cursor 官網下載安裝軟體。
3. 註冊帳號並登入，獲取兩週免費試用。
4. 設定偏好配置。
5. 選擇你偏好的AI模型（Claude 在程式碼生成方面表現較好）。

▲ 選擇要使用的模型種類。 圖／ Cursor AI

1. 開啟實驗性功能如「Auto Run 模式」以獲取更好體驗。

▲ 開啟實驗性功能如「Auto Run 模式」以獲取更好體驗。 圖／ Cursor AI

第二步：創建新項目

1. 打開 Cursor AI，點擊左上角的「檔案」。
2. 選擇「新增檔案」或「新增資料夾」，創建新的專案。
3. 決定你想要創建的應用類型（網頁、小遊戲、Chrome 擴充功能等等）。

第三步：與AI溝通需求

1. 按「Command + I」打開AI聊天框
2. 透過 Superwhisper 以自然語言清晰描述（或直接打字）你想要創建的功能。例如：
   - 「我想創建一個簡單的網頁，顯示當前時間，並有一個按鈕可以刷新時間。」
   - 或：「幫我創建一個 Chrome 擴充功能，可以為當前網頁生成 QR 碼」。
3. 使用「規格說明、規則設定、監督指導」的三步驟框架：
   - 明確表達目標（例如：創建一個具有登入功能的按鈕，目的在獲得使用者 Email） 。
   - 建立明確的約束條件（例如「使用 Python，保持簡單」）。
   - 監督和引導開發過程，確保保持專注。

第四步：生成和測試代碼

1. AI 會生成相應的程式碼，直接在編輯器中顯示。
2. 運行程式碼查看結果（通常 Cursor 會提供相應的執行按鈕）。
3. 如遇到錯誤，直接複製錯誤訊息給 AI，不需附上任何說明。

▲ 可以透過自然語言，要求 Cursor 生成出特定的網頁功能。 圖／ Cursor AI

第五步：迭代改進

1. 告訴 AI 需要改進或修改的部分。
   - 例如：「把背景顏色改成藍色」。
   - 或：「增加一個輸入框讓用戶可以設定提醒時間」。
2. AI 會更新代碼以滿足新需求。
3. 持續這個過程，直到達到滿意的結果。

第六步：完善和部署

1. 要求 AI 說明如何保存和部署你的應用。
2. 按照 AI 提供的指示完成部署步驟。
3. 如果需要，要求 AI 說明如何使用你的應用。

Peter Yang 在其部落格指出，他花了 50 多個小時開發 AI 應用程式，產出如飛機模擬器、星戰X翼戰機，以及殭屍射擊等遊戲。

註解 ：
以上步驟可能會依據不同的專案項目與複雜度而有變化，僅供參考。 同時，程式碼生成後仍需透過 github 等支援預覽程式碼的平台確認前端產出的成果，並逐步優化後端程式碼。

白話來說， 雖然 Vibe Coding 可以實現「不用寫程式碼」的里程碑，但一般初學者要開發任何軟體產品，仍然需要具備基礎的軟體專案開發知識，才有辦法充分利用 AI 工具達到理想的成果。

程式設計師要失業了？並沒有

Vibe Coding 代表了程式設計的一個全新範式，讓更多人能夠參與到軟體開發的過程中，大幅降低了編程門檻，使非技術人員也能創建功能性應用。但雖然 AI 已能協助寫出大部分的程式碼，但人類的創意和關鍵決策仍不可被取代。

未來，成為工程師或許不再需要精通程式語言，而是學會如何與 AI 合作，善用這些強大的工具，才能真正發揮最大效能。也就是說，Vibe Coding 不僅是一種技術趨勢，更是一種思維方式的轉變，它讓我們重新思考人類與技術的關係，以及創造力的本質。

現在，完全沒有程式基礎的人也能開始嘗試 Vibe Coding，得以體驗AI時代的程式開發樂趣。這不僅是技術的進步，更是創造力的解放。

資料來源：Andrej Karpathy、Simon Willison’s Weblog、Peter Yang、Niall McNulty