Episode Details
Back to Episodes
Vibe coding 入門:用 Claude 6 步驟做出你的第一個 app
Description
完全沒寫過程式也能做 app 嗎?這篇用 Karpathy 提出的 vibe coding 概念為起點,用 Claude 6 步驟教你描述、生成與迭代,做出你的第一個 app,並列出 7 個新手常踩的坑。
⭐ 文章深度讀:完整文章已在脈報網站上線,連結放在說明欄
→ https://heymaibao.com/vibe-coding-claude-6-steps/
⚡ 章節重點
開場 00:00
Vibe coding 是什麼 01:13
為什麼新手從 Claude 起手 01:54
六步驟開發藍圖 02:52
Step 1:選一個你會用的題目 03:04
Step 2:用日常英文寫描述 03:44
Step 6:儲存或部署 05:03
7 個一定會踩的坑 05:12
10 個入門點子 07:16
結尾 08:01
📝 懶人包
∙ Vibe coding 是用日常英文描述你要的 app,由 AI 把程式碼寫出來。Karpathy 在 2025 年 2 月提出這個詞,原文宣稱目前 41% 的全球程式碼是 AI 生成。
∙ 對純新手來說,Claude 比其他 vibe coding 工具門檻低,原因是對話介面零學習成本、artifacts 直接在對話視窗生出可互動預覽,加上 Opus 4.7 在 SWE-bench 拿到 87.6%。
∙ 6 步驟流程:選一個你會用的題目,用日常英文寫描述,跑出第一版,針對性迭代,加客製功能,然後儲存或部署。最關鍵的反直覺建議是:第一個專案不要做 to-do list,做你自己會用的東西。
∙ 我的觀察:vibe coding 真正在賣的,是「描述清楚 + 迭代評估」這套技能。原文列的 7 個常見錯誤裡有 6 個都是 prompt 與測試的具體技能,能不能撐到「第一個 app 跑起來」這一步,差別不在會不會寫 code,在會不會把要的東西講清楚。
📚 參考資料
Post on X
→ https://x.com/eng_khairallah1/status/2056302296884220316