🚀 我的第一次 Vibe Coding 體驗:和 ChatGPT 一起從 0 開始寫程式
這次是我第一次嘗試 Vibe Coding —— 用 ChatGPT 直接討論、規劃、撰寫、修正一個完整的應用程式。 整個過程就像是和一位隨時在線、耐心又懂技術的「虛擬夥伴」一起開發。 💬 1. 從需求討論開始 一開始,我在 ChatGPT 上描述想做的應用功能,它很快就幫我輸出了一份 完整的程式規格書 ,包含前後端架構、功能流程和資料設計。 這個階段的體驗很像是跟 PM 或系統設計師開會,從模糊想法變成具體可執行的藍圖。 🧩 2. 技術選型:Tauri + SQLite ChatGPT 根據需求建議我採用 Tauri + SQLite 組合,理由清楚又合理: Tauri 可以包成桌面應用程式,體積小、效能佳 SQLite 適合離線、單機的資料儲存 這對我來說也是第一次完整實作這種組合,算是一次實際學習新技術的好機會。 ⚙️ 3. 安裝開發套件與組態設定 這一段特別 "有趣" 。 我完全是 照著 ChatGPT 的指示一步步下指令安裝套件 、設定專案環境。 中途遇到錯誤? 我直接把錯誤訊息貼回去,它立即分析並教我怎麼修。 這樣的互動真的比查 Stack Overflow 還快又準。 🧑💻 4. 建立與執行最小可行程式 當環境準備好後,ChatGPT 開始帶我一步步 在 VS Code 中建立檔案、貼入原始碼 。 每個階段都能立即編譯、執行,快速看到成果。 最棒的是,每當遇到 Bug,我只要複製錯誤訊息回給 ChatGPT,它就立刻指出問題、修正程式。 感覺就像隨身攜帶一位結合 Tech Lead + Debug 助手 的 AI 導師。 🔄 5. 當 ChatGPT 與本機程式「脫線」的時候 後來發現 ChatGPT 的上下文無法持續追蹤我電腦裡的最新程式內容,導致修改越來越難同步。 於是我改用 VS Code 的 Codex 模式 ,讓 AI 直接在本機端編輯程式碼。 這樣就能即時看見修改效果,不再需要手動貼來貼去。 🧭 6. Codex 開發與版本管理 在 Codex 模式下開發、測試功能都更順暢。 當功能測試完善後,我會 將原始碼簽入 GitHub ,確保每次修改都有版本控制。 這樣可以避免下一次修改意外覆蓋或破壞現有功能,也方便後續維護與協作...