【EP-19】2025年台灣第一屆 Vibe Coding 黑客松開始啦！
什麼是 Vibe Coding？說穿了就是用 AI 寫程式，可是用 AI 寫程式，不會一堆 Bug 嗎？有沒有什麼重點需要注意的？這篇文章說給你聽！
這幾天都在思考著辦一場 2025 年台灣第一屆的 Vibe Coding 黑客松。
Vibe Coding 黑客松源自於前幾天我在 Threads 上的 murmur ，後來發現其實不少人有興趣，於是我就直接買了網域，做了一頁式網站開始宣傳。
目前還在籌備中，有興趣的人可以先點選下面官網報名。
什麼是 Vibe Coding？
Vibe Coding 也不是什麼厲害的名詞，其實就是叫 AI 寫程式啦！但是也沒這麼簡單，它是人機協作的未來趨勢，詳細方法人們都還在摸索。
這個術語由 OpenAI 共同創辦人 Andrej Karpathy 於 2025 年 2 月提出，他形容這種方法為「你完全沉浸於氛圍中，擁抱指數增長，甚至忘記程式碼的存在」。
換句話說，程式設計師只需要設計專案，編寫產品需求，接著就是提供一連串的提示詞給 AI ，讓 AI 寫程式、除錯，自己不用動手去修改程式。
有人認為 Vibe Coding 提供了新的設計思維，程式設計師的工作重心，將從技術細節轉移到產品本身。但是也有人認為過度依賴 AI ，會讓我們對程式的理解程度不足，後續會增加維護的困難。
其實有用過 Cursor、Windsurf 等 AI 編程工具的人就知道，上述的形容實在是太誇張了。你請 AI 寫一些小專案，可能還有辦法，只要專案的規模越來越大， AI 就容易出現幻覺。
現在隨便一個大型網站，都嘛要上千上萬行程式，目前的 Claude 語言模型，吃到 600 行程式碼，就差不多到極限了。怎麼可能真的完全放手讓 AI 開發。
可是話又說回來，如今大型語言模型的演進相當迅速，誰敢說 Vibe Coding 的一天不會到來？也許再過幾年，程式設計師真的都要用 AI 寫程式了，屆時他們就能有更大的產能，做更多的創意開發。
誰可以 Vibe Coding ？
我很想說，任何人。
可是 Vibe Coding 的時代還未真正到來，所以你最好還是要有一些電腦、程式語言、資訊安全的基本常識。
電腦常識
寫程式時，第一難關就是環境安裝。
Windows 與 macOS 遇到的問題都不同，據說 Windows 要更麻煩一些。現在雖然有 AI ，有問題還可以問它。但有時還是會遇到它也解決不了的問題。
這一點無法避免，我直到現在偶爾也是會遇到環境、套件的安裝與設定問題。
如果你平常很少會碰電腦設定，甚至大部分都是使用手機，一開始接觸就要搞定環境的安裝，可能會讓你手忙腳亂。
因此你最好有一點基本的電腦常識，一般高中生都會上過計算機概論，不過如果你不太熟，最好還是抽空看一下相關課程。
如果英文程度夠好，我推薦你看哈佛大學的電腦通識課：CS50！
程式語言
你不需要精通程式語言，但是基本語法還是要懂。
我建議你先學 Python ，入門簡單，可以先把變數、迴圈、判斷式等概念搞清楚。或是學 JavaScript ，要開發網頁一定會用到。
YouTube 上很多新手入門課程，這裡不特別推薦，就找一個喜歡的自己去上。
你可能會問，不是要 Vibe Coding 嗎？為什麼要學程式？
問題是目前人類還沒辦法真正達到 Vibe Coding ，有很高的機率你還是得自己改程式。
雖然 Anthropic 執行長Dario Amodei 說，今年年底有可能達到能讓 AI撰寫所有程式碼。
我自己還是覺得太樂觀了，不過放心，只要你學會了一門語言，其他語言都是大同小異。而且大概只需要一週就掌握基本語法。
資訊安全
資安的問題是新手嘗試 Vibe Coding 常犯的錯誤。
當開發程式時，除了安裝程式語言時附加的函式庫，通常還會用一些好用的第三方套件。
強烈建議盡可能使用大多數人推薦的套件，甚至最好只用官方套件。因為你不知道來路不明的套件是否有病毒。
此外，你有很大的機率會使用 API ，記得要慎重小心。
什麼是 API ？中文可翻譯為應用程式開發介面。例如我們人類使用 ChatGPT，必須透過網頁介面，如果你要讓程式介接 ChatGPT ，就得透過 OpenAI 提供給你的 API Key 。
記得要把 API Key 保存好，不可以隨意洩漏，更不能上傳到網路上。
你最好還要懂得做版本控制，因為 AI 有不小的機率會修壞你的程式，所以每次做到你覺得滿意的程度，記得把資料上傳到 Github 。
就像是你玩惡靈古堡，也得找打字機存檔，對吧？
當你上傳到 Github 上時，可別把 API Key 也一起上傳了。如果你不懂怎麼避免，問問 AI 吧，它會教你怎麼做。
怎麼開始 Vibe Coding？以 Windsurf 做示範
OK，假設你上述都清楚了，那開始吧。
我一開始是用 Claude 網頁版來寫程式，但是很快就換成 AI 程式編輯器，不用再剪剪貼貼。
目前主流的 AI 程式編輯器有以下這些
Cursor（20鎂/月）
Windsurf（15鎂/月）
Github Copilot（10鎂/月）
字節跳動的 Trae（目前免費）
Visual Studio 的延伸模組 Cline （按API使用量計費）
Cursor 與 Windsurf 可以讀我的 EP-15 介紹：
如果要用 AI 寫程式，你必須給它嚴格的規範，否則它會自以為是隨意發揮。
要怎麼給規範呢，每家程式編輯器方法各不同，底下先以 Windsurf 示範。
點擊 Windsurf 右下角的 Windsurf Settings，在 Memories and Rules 欄位點擊 Manage ，開啟新視窗後再點擊 Edit global rules 。
如果你不知道要給 AI 什麼指示，請參考 EP-4 。
再來就是準備開發新專案，首先創建新資料夾，然後點擊 File → Open Folder ，打開剛建好的資料夾，這就是你的 Workspace，之後程式檔案都放在這裡。
接著點擊 Windsurf 右下角的 Windsurf Settings，按照前面的路徑，點擊 Edit workspace rules。
在 Workspace AI Rules ，我們要創建給予 AI 的專案注意事項。
主要目的是告訴 AI 我們打算採用哪些語言、套件，以及它應該遵守的基本原則。注意這些原則不要跟 Global Rules 有所衝突。
不知道怎麼寫 Workspace 的原則？你不孤單，因為我也是。你可以先把你的想法跟推理模型討論，讓它幫你先產一個模板。
注意要讓提醒 AI ，寫程式必須要漸進式功能新增，也就是「每次只新增一個小功能」。
Workspace AI Rules 等於是產品規格說明書，要讓 AI 優先閱讀，然後跟著產品規格進行工作。
假設你的專案很龐大，那就必須將功能拆開，設定多個資料夾，每個資料夾都有各自的 Workspace AI Rules ，然後再一個一個完成。
來試試看開發 Chrome 外掛吧！
這裡來示範如何使用 Windsurf 開發小專案，我打算作一個讓使用者選取畫面上的文字，如果是中文，則會將文字送到 OpenAI API ，讓語言模型做摘要；如果文字是英文，則不只是摘要，還必須翻譯成繁體中文。
就像是上文說的，第一步你必須寫產品規格書，要放在 Workspace 。
可以的話，你最好自己寫產品規格書，不過如果你沒什麼想法，交給推理模型也是好方法。
在今天的例子中，我讓 ChatGPT o3-mini-high 幫我生成規格書。
規格說明書寫好後，我通常會請 AI 翻譯成英文，再放到 Workspace 內。在之後下提示詞時，如果遇到有卡關的情況，雖然機會很少，我也可能視情況改用英文提示詞。
再來就是開始請 AI 寫程式，這點大家都會，問題是，要怎麼操作比較好？
Windsurf 的 Cascade ，有 Chat、Write 兩個模式，Chat 就是指純粹詢問 AI ，Write就是讓 AI 動手寫程式。
我會不斷地在 Chat、Wirte 之間切換，我會先詢問 AI，當它讀完產品規格書，它打算怎麼做，第一步是什麼，如果我滿意它的答案。就會把它說的第一步複製起來，告訴它，「現在請你進行…」，然後把模式切換成 Write。
在做這個小專案時，它有一度把原來的程式改壞，我真是一點都不意外。
就像是請 AI 繪圖，如果你後續要請 AI 修改，很高的概率會改壞。所以務必要把已經完成，你滿意的程式上傳到 Github 。
目前初步成果展示如下。
