【Vibe Coding】Windsurf 教學| 在 60 秒內做出 MyFitnessPal 飲食追蹤 App?
想打造飲食紀錄 App 卻不會寫程式?這篇帶你用 AI 工具 Windsurf,只花 60 秒就做出 MyFitnessPal 的 MVP 雛型。從 prompt 編寫、AI 建構,到 QR Code 預覽與手機啟用,全流程零程式碼,適合初學者快速上手,也揭示 OpenAI 為何砸 30 億收購這套開發神器。

你可能是第一次接觸「Vibe Coding」,這個專欄的宗旨很簡單:不談那些讓人頭痛的程式碼,只關心一件事——如何用最酷、最快、最「有感」的方式,把你腦中的絕妙點子,變成可以握在手上的真實 App。
今天,我們要介紹一款堪稱「開發界黑魔法」的工具——Windsurf。
Windsurf 是什麼?
想像一下,你不是在寫程式,而是在和一個超強的智慧助理聊天。你用說的、打字的方式,告訴它你想做一款怎樣的 App,然後——奇蹟發生了,它就在你眼前把 App「變」了出來。
這,就是 Windsurf。它不僅是一款 AI 編碼輔助工具,更是開發體驗的全面革新,甚至成為 OpenAI 投資 30 億美元收購的標的,正改寫軟體工程的未來。

從 Codeium 到代理式 IDE:Windsurf 的進化
Windsurf 的前身是 Codeium,一款以快速、免費著稱的 AI 自動補全工具。轉型為 Windsurf 後,它從單純的「副駕駛」模式,進化成為真正能主動執行任務的「AI 代理」(Agentic IDE)。你不再只是提示一句,而是可以讓它處理整個工作流程,從理解需求、產出程式碼、執行終端指令到部署都一手包辦。
其關鍵技術之一,是內建的 SWE-1 模型系列,包括 SWE-1-lite、SWE-1-mini 等不同層級,可針對重構、除錯、自動完成等任務動態選擇模型,並大幅降低運行成本。
而最受注目的,是它的「心流感知(Flow Awareness)」:AI 不只是被動等待指令,而是能理解你正在進行的任務、幫你接手未完成的程式碼、在你離開後持續推進專案,真正實現「與 AI 協作」的編程體驗。
實作挑戰:60 秒做出你專屬的 MyFitnessPal
介紹完理論,接下來實際演練,教你用 Windsurf 打造一款 MVP 級的飲食紀錄 App,靈感來自知名的 MyFitnessPal。