你有沒有過這種感覺？想寫一個小工具，比如「自動整理下載資料夾的腳本」，或是「幫我把Excel報表轉成圖表的網頁」，但一想到要學Python、JavaScript、HTML，頭就開始痛。你打開教學影片，看到那些密密麻麻的程式碼，五分鐘後就關掉了。

等等，先別放棄。

2025年下半年開始，一個全新的程式設計方式悄悄崛起，叫做 Vibe Coding。這個詞最早由AI大神Andrej Karpathy提出，意思是「跟著感覺寫程式」。你不再需要一行一行敲鍵盤，而是用自然語言、語音，甚至手勢，告訴AI你想要什麼，AI就會幫你生出完整的程式碼。

聽起來像科幻電影？不，這是現在進行式。

更棒的是，這不是什麼昂貴的商業軟體。開源社群已經打造出一整套免費工具，讓你在自己的電腦上就能體驗Vibe Coding。今天這篇教學，就是要帶你從零開始，30分鐘內用Vibe Coding做出第一個真正能用的工具。

什麼是Vibe Coding？為什麼你該試試？

傳統寫程式的方式是：你坐在電腦前，打開編輯器，從頭到尾手打每一行程式碼。這就像你要做一道菜，卻得先從種小麥、養豬開始。對初學者來說，光是要記住「if…else」的語法就夠頭痛了。

Vibe Coding完全翻轉這個模式。你只需要描述你想要什麼，AI就會幫你寫出程式碼。 你不再需要記語法、查手冊、Debug到天亮。你只需要像跟朋友聊天一樣，告訴AI：「幫我做一個倒數計時器，時間到了會跳通知。」

AI聽到後，會立刻生成完整的HTML/CSS/JavaScript程式碼。你複製貼上，打開瀏覽器，倒數計時器就出現了。覺得字體太小？說「字體大一點，顏色換成藍色」。AI會立刻修改程式碼。

這就是Vibe Coding的核心精神：用對話取代打字，用心智模型取代語法知識。

根據2026年6月的GitHub數據，Vibe Coding相關的開源專案在下載量暴增了340%。為什麼這麼多人跳進來？因為它把程式設計的門檻從「你會寫程式嗎？」變成了「你會說話嗎？」

第一步：準備你的Vibe Coding環境

要開始Vibe Coding，你不需要買新電腦。我用的是一台2020年的MacBook Air，記憶體只有8GB，照樣跑得很順。Windows和Linux也完全支援。

你需要準備三樣東西：

  1. 一個支援Vibe Coding的AI模型（完全免費）
  2. 一個程式碼編輯器（推薦VS Code）
  3. 一個能讓AI自動寫程式的外掛（我們會用Continue這個開源工具）

下載並安裝必要的軟體

先到 code.visualstudio.com 下載VS Code。這是微軟出的免費編輯器，全球超過1500萬開發者在用。

安裝好後，打開VS Code，左邊有一個「擴充功能」圖示（長得像四個方塊）。點開它，搜尋 Continue。這是目前最受歡迎的開源AI程式碼輔助工具，完全免費，而且支援本地模型。

點選安裝，幾秒鐘就裝好了。安裝完成後，你會看到VS Code右邊多了一個對話框圖示。點開它，就是Vibe Coding的主戰場。

選擇你的AI模型：用本地模型還是雲端API？

Continue支援兩種模式：

  • 連接到雲端API：如果你有OpenAI、Anthropic或Google的API金鑰，可以直接使用。速度最快，品質最高。
  • 使用本地模型：完全免費，不用連網路，資料不會離開你的電腦。推薦使用 GLM-5.2 或 Qwen3.6 這兩個最近在HuggingFace上爆紅的模型。

如果你是初學者，我建議先試試本地模型。為什麼？因為不用花一毛錢，而且隱私完全保護。 你的程式碼不會被上傳到任何伺服器。

要使用本地模型，你需要安裝 Ollama。到 ollama.ai 下載並安裝。安裝好後，打開終端機（Windows是命令提示字元，Mac是Terminal），輸入：

ollama pull glm-5.2

這個指令會下載GLM-5.2模型到你的電腦。它的大小約4GB，下載時間取決於你的網路速度，大約10-20分鐘。

下載完成後，回到VS Code的Continue對話框，點選設定齒輪，選擇「本機模型」→「Ollama」，然後在模型名稱輸入「glm-5.2」。這樣就設定完成了。

第二步：用Vibe Coding做出你的第一個工具

環境準備好了，現在來實戰。我們要做的專案是：一個「每日任務清單」網頁。它可以：

  • 新增任務
  • 標記完成
  • 自動儲存到瀏覽器
  • 隔天打開還在

這聽起來好像很複雜？但在Vibe Coding的世界裡，你只需要說一句話。

用自然語言描述你的需求

在Continue的對話框中，輸入以下這段話（你可以用中文，AI完全理解）：

幫我建立一個「每日任務清單」的HTML網頁。它需要：1. 一個輸入框和新增按鈕 2. 每個任務旁邊有完成勾選框和刪除按鈕 3. 任務會自動儲存在瀏覽器的localStorage 4. 隔天打開網頁，昨天的任務還在 5. 介面要乾淨好看，用現代化的卡片設計

按下Enter。你會看到Continue開始「思考」，然後一行一行地生成程式碼。這個過程大約需要10-30秒，取決於你的電腦效能。

生成完後，你會看到一個完整的HTML檔案出現在對話框裡。點選「建立新檔案」，將它命名為 index.html，儲存在桌面的一個新資料夾中。

測試你的第一個Vibe Coding作品

用瀏覽器打開這個 index.html 檔案。你會看到一個漂亮的任務清單頁面，有輸入框、新增按鈕。試著輸入「買牛奶」、「寫報告」、「運動30分鐘」，然後點選新增。

任務出現在清單中，旁邊有勾選框和刪除按鈕。勾選一個任務，它會變成灰色並加上刪除線。關掉瀏覽器再打開，任務還在！

恭喜你，你剛剛用Vibe Coding完成了一個完整的專案。 你沒有寫任何一行程式碼，卻做出了一個真正能用的工具。

第三步：進階技巧——迭代優化你的專案

Vibe Coding最強大的地方是：你可以不斷要求AI修改，就像跟一個實習工程師對話一樣。

案例一：調整UI設計

你覺得目前的介面太普通，想要更有科技感。輸入：

把整體設計改成暗色模式，背景用深灰，卡片用玻璃效果，字體用白色。新增任務的按鈕改成漸層藍色。

AI會立刻修改整個CSS程式碼。你重新整理瀏覽器，整個介面煥然一新。

案例二：增加功能

你想要任務可以設定優先級。輸入：

幫每個任務增加優先級功能：高、中、低三個等級。高優先級用紅色標籤，中優先級用黃色，低優先級用綠色。在任務卡片右上角顯示優先級標籤。

AI會修改JavaScript和HTML，加入優先級選擇器和顯示邏輯。你可能會發現某些功能沒有完全實現，比如優先級沒有儲存。這時候你可以再輸入：

優先級設定也要儲存到localStorage，重新整理後要保留。

AI會修正這個問題。

案例三：增加資料統計

你想要看到自己完成了多少任務。輸入：

在頁面頂部增加一個進度條，顯示今天完成了多少百分比的工作。已完成任務/總任務數。

AI會計算完成率，並生成一個動態的進度條。

常見問題

Q: Vibe Coding生成的程式碼安全嗎？會不會有病毒？ A: 如果你使用本地模型（如GLM-5.2），所有程式碼都在你的電腦上生成，不會上傳到任何伺服器。如果你使用雲端API（如Claude、ChatGPT），建議不要輸入敏感資訊（如密碼、API金鑰）。生成後的程式碼建議先用VS Code的「問題」面板檢查，或使用線上掃毒工具掃描。

Q: 我的電腦記憶體只有8GB，跑得動本地模型嗎？ A: 完全可以。GLM-5.2的量化版本只需要約4GB記憶體。如果你記憶體較少，可以改用更小的模型，如Qwen3.6（約3GB）或VibeThinker-3B（約2GB）。使用Ollama時，它會自動管理記憶體，不會影響你同時開瀏覽器或文書軟體。

Q: Vibe Coding能做出商業等級的軟體嗎？ A: 可以，但需要一定的迭代次數。許多開發者已經用Vibe Coding做出了完整的SaaS產品。關鍵是你要能清楚地描述需求，並逐步優化。對於複雜的商業邏輯，你可能需要了解一些基本的程式概念（如資料庫、API），但Vibe Coding可以大幅降低技術門檻。

Q: 我完全零基礎，連HTML是什麼都不知道，也能學嗎？ A: 完全可以。Vibe Coding的設計初衷就是讓非技術人員也能寫程式。你不需要知道HTML、CSS、JavaScript是什麼。你只需要描述你想要什麼，AI會處理所有技術細節。當然，如果你願意花30分鐘了解一些基本名詞（如「網頁」、「按鈕」、「輸入框」），溝通會更順暢。

Q: 生成的程式碼有問題怎麼辦？AI寫錯了怎麼Debug？ A: 直接把錯誤訊息複製貼上給AI，說：「我點選新增按鈕後，任務沒有顯示出來，瀏覽器控制台顯示這個錯誤：XXXXX。」AI會分析錯誤原因並修正程式碼。如果修正後還是有問題，繼續描述症狀，AI會逐步除錯。這比你自己Google錯誤訊息快十倍。

延伸閱讀

總結：Vibe Coding不是取代工程師，而是讓你成為自己的工程師

Vibe Coding不會讓專業工程師失業，但它會讓每個人都有能力做出自己需要的工具。你不必再為了「想要一個自動整理檔案的小程式」而花三個月學Python。你只需要花30分鐘，用Vibe Coding就能搞定。

關鍵心法只有三個：

  1. 把需求說清楚：越具體越好。不要只說「做一個清單」，要說「做一個每日任務清單，要有勾選框、刪除按鈕、自動儲存」。

  2. 逐步迭代：先做出最小可行版本，再慢慢增加功能。不要一次要求太多，AI容易搞混。

  3. 學會看錯誤：當AI生成的程式碼有問題時，把錯誤訊息複製給AI，它會自己修正。

現在就打開你的電腦，安裝VS Code和Continue，下載一個本地模型。30分鐘後，你會驚訝地發現：原來寫程式可以這麼簡單。

你還在手動寫Code？試試Vibe Coding，你會愛上這種「用說的就能寫程式」的感覺。