【Vibe Coding 學習地圖】用實戰帶你搞懂 Gemini、Google AI Studio、Antigravity 的使用情境
掌握 AI 工具應用場景,Vibe Coding 不迷路
TAG ・ 標籤
Vibe Coding 的完整學習路徑:從 Gemini、Cursor、Google Antigravity 到 Claude Code 與 Codex,用實戰專案學會讓 AI 寫程式,再補上測試、版控與資安,避免專案翻車。
共 17 篇文章
Vibe Coding 指的是把需求用白話告訴 AI,由 AI 動手寫程式,你負責把關方向與驗收成果。這一頁收錄我從 2025 年開始寫的全部 Vibe Coding 文章,從零基礎做出第一個網站,到工程師把 AI 放進團隊開發流程都有,不少教學文還搭配 YouTube 實戰影片,可以邊看邊做。
Vibe Coding 需要會寫程式嗎? 不用。Gemini、Cursor、Antigravity 的教學都從安裝開始,示範的專案是個人形象網站、YouTube 留言彙整工具這類真的用得到的東西。不過要把成果變成能上線的產品,還是得懂測試、版控與資安,上面第 4 步的文章就是在講這件事。
該從哪個工具開始? 只想做簡單的網頁,用 Gemini 就夠;想做有資料庫的完整專案,選 Antigravity 或 Cursor;工程師想把 AI 導入團隊的開發流程,直接看 Claude Code。
企業想導入? 我開過給工程團隊的 Claude Code 實戰工作坊,也有給非工程師的「零程式基礎,也能透過 AI 完成網站」入門課,詳見企業內訓・演講邀約。
掌握 AI 工具應用場景,Vibe Coding 不迷路
如果市場上找不到工具,那就自己動手實現!
如果你想嘗試 Vibe Coding,這是一隻讓「開始」變容易,「想法」有成果的影片。
開始拍 YouTube 影片後,因為我總是記不住台詞,所以需要提詞機。但免費版廣告一堆,付費版又塞了一堆用不到的功能。既然如此,我乾脆直接用 Vibe Coding 寫一款無廣告的提詞機給大家免費使用!