Vibe Coding 是什麼？掌握教學 5 步驟與工具挑選原則

Vibe Coding 是什麼？

Vibe Coding 中文可翻譯為「氛圍編碼」，由曾任特斯拉（Tesla）AI 總監，且為 OpenAI 創始成員之一的 Andrej Karpathy 提出。Vibe Coding 的核心簡言之就是用人話把開發需求告訴 AI，讓它擔任實際寫程式的角色。過程中一行程式碼都不要自己改，把前端、後端和部署的工作及遇到的狀況，全交給 AI 處理。

因為強調「一行程式碼都不要自己改」，所以 Vibe Coding 最大的優勢就是讓完全沒有程式基礎的行銷、業務、設計師和專案經理等職務的工作者，可以快速實現腦中的想法，常見的應用範例如下。

• 行銷：建立互動式網頁的原型
• 客服：打造聊天機器人
• 業務：建立自動化寄信系統

4 大類 Vibe Coding 工具

雖然 Vibe Coding 讓寫程式變得容易許多，但要最大化它的效益，選擇合適的 Vibe Coding 工具是一大關鍵！以下分享 4 大類 Vibe Coding 工具的主要特色與適合對象。

• 程式碼生成型：Gemini 和 ChatGPT 等
  • 特色：幾乎支援所有程式語言，但僅能提供程式碼片段，建議搭配 Apps Script 等工具進行部署。
  • 適合對象：無程式基礎，希望在既有服務上添加一些小功能的人。
• 雲端 IDE 型：Lovable、Firebase Stuido 和 Replit 等
  • 特色：提供線上的 IDE（integrated development environment），讓編碼、除錯跟部署可以一站完成。
  • 適合對象：無程式基礎，希望快速製作 MVP（Minimum Viable Product）或上線一個小軟體的人。
• 本機 IDE 型：Cursor 和 Windsurf 等
  • 特色：提供圖形使用者介面（GUI）和可自由決定部署位置的彈性，但需自行安裝各種程式庫。
  • 適合對象：有程式基礎，希望能邊看程式碼，邊進行 Vibe Coding 的人。
• 命令行介面型：Claude Code 和 Codex 等
  • 特色：僅提供命令行介面（CLI），但可大幅提升使用終端機開發軟體的效率。
  • 適合對象：軟體工程師或已會寫程式的人，希望 AI 能代為處理開發中的各種瑣事。

Vibe Coding 教學 5 步驟

選好工具後就可以實際開始 Vibe Coding 啦！雖然開發過程中我們不必了解程式怎麼寫，但要做出較為複雜且功能完整的軟體，依循下 5 個步驟才不容易開發到中後期的時候，落入必須不斷抓臭蟲（debug）的循環喔。

1. 創意發想：進行 Vibe Coding 的人決定要製作怎樣的產品。
2. 產品規劃：請 AI 依據想到的點子製作產品規劃文件。
3. 功能規劃：請 AI 將產品規劃文件轉換為產品功能列表。
4. 開發順序：請 AI 替產品功能列表排定開發事項的順序。
5. 逐步實作：依據開發待辦事項進行小範圍的規劃、開發與測試。

值得注意的是，因為 Vibe Coding 實際上是我們請 AI 幫忙寫程式，所以過程中必須僅記 4 個原則，與 AI 合作開發時才會順利。

• 先規劃再執行：產出規劃文件與對應的說明文件，確認後再請 AI 執行。
• 從大到小：先規劃大方向，再將大功能拆解成小功能方便 AI 開發。
• 做好版本控管：勤備份或使用 Git，避免 AI 把程式碼改壞後進入死胡同。
• 寫測試腳本：部署上線前確保開發結果契合需求，同步檢查安全性與穩定度。

Vibe Coding 範例：個人投資組合看板

Vibe Coding 範例：個人投資組合看板

最後，若我們想利用 Vibe Coding 來建立一個「個人投資組合看板」，就可以依循上面的教學 4 步驟（不含第一步），參考以下 prompt 範例來進行開發。

1. 產品規劃：「請協助規劃一個產品，主題是投資組合看板，包含資產總覽與績效分析等功能。」
2. 功能規劃：「請根據此份產品規劃，做出詳細的功能規劃。」
3. 開發順序：「請依據此份功能規劃表，列出開發事項的順序。」
4. 逐步實作：「請依據這張看板示意圖，建立此投資組合看板的介面。」

Vibe Coding 課程讓團隊合作更高效！

此次分享了4 類型的 Vibe Coding 工具、Vibe Coding 教學 5 步驟與範例。希望大家能善用 Vibe Coding 工具，輕鬆在工作中建立好用的小軟體和產品原型，讓跨部門溝通更順暢，團隊合作也更高效！雖然 Vibe Coding 看似簡單好上手，但對完全沒有程式架構概念的新手而言，實作上仍容易遭遇不少問題。因此，言果學習攜手曾協助三竹資訊完成 AI 導入的曾思遠老師，合作提供企業 AI、Web3 區塊鏈與 Vibe Coding 課程。若想進一步諮詢課程資訊，歡迎免費與我們聯繫！

參考資料：

1. (2025， November 6). Collins’ Word of the Year 2025: AI meets authenticity as society shifts. Collins

內容授權聲明：
本文章內容依據曾思遠老師的講座內容撰寫，並經其授權使用。