還在羨慕別人用 AI 開發酷產品？Claude Code 保姆級教學讓你輕鬆體驗 Vibe Coding, 動動嘴就能做出 Anything！

影片類型：教學

這部在講什麼：介紹 Anthropic 推出的 AI 開發工具 Claude Code，教導初學者如何透過自然語言對話（Vibe Coding）在 VS Code 環境中打造專屬程式與生產力工具。

適合誰：想用 AI 開發產品但不懂程式語言的初學者。

你會得到：Claude Code 環境搭建與基礎操作、Skills 與 MCP 工具串接技巧、Vibe Coding 實戰流程。

最值得看：21:30 實戰示範如何動動嘴就開發出 Chrome 擴充功能。

一眼重點

• 教學優先做法 2:26 在 VS Code 終端機輸入 `claude` 即可啟動，建議搭配 VS Code 擴充功能使用圖形化介面以降低操作難度。

• 教學前置條件 7:41 建立 `CLAUDE.md` 文件作為 AI 專屬備忘錄，寫入角色設定或必須遵守的規則，確保 AI 在不同對話中能維持邏輯一致性。

• 教學優先做法 11:12 當規則過多時應拆分為「Skill（技能）」，這類 `.md` 檔僅在需要時載入，能有效節省 AI 上下文空間並提升任務專注度。

• 教學優先做法 19:32 利用 MCP（模型內容協議）串接 Notion 或日曆等外部工具，讓 Claude 的能力不再局限於專案資料夾，實現自動化辦公。

• 教學錯誤 21:02 當對話用量超過 70% 時 AI 表現會不穩定，應使用 `/compact` 壓縮內容或開啟新對話，並透過 `/Account` 監控剩餘額度。

• 教學優先做法 23:16 進行開發（Vibe Coding）前應先切換至「Plan Mode」，讓 AI Opus 模型先擬定藍圖並詢問細節，避免需求模糊導致實作錯誤。

流程：安裝 Git 與 VS Code → 啟動 Claude Code 並設定 `CLAUDE.md` 規則 → 安裝必要 Skills 或 MCP 擴充能力 → 進入 Plan Mode 擬定產品藍圖 → 執行開發、測試並針對錯誤訊息進行截圖修正。

跳著看

0:49Claude Code 安裝與 VS Code 環境配置

7:41關鍵技巧：如何使用 `CLAUDE.md` 管理 AI 記憶

11:12安裝 GitHub 上的開源 Skills 強化功能

19:32使用 MCP 串接外部工具（以 Notion 為例）

21:30Vibe Coding 實戰：從零開發 OCR 翻譯擴充功能

看完可以做什麼：在電腦安裝 VS Code 與 Claude Code，並嘗試建立一個 `CLAUDE.md` 檔案，輸入你最常執行的工作規則，體驗 AI 輔助寫作或基礎開發。

需要留意：Claude Code Pro 方案每月需支付 20 美元；複雜專案建議頻繁使用 Git 提交版本，以便在 AI 出錯時隨時還原至穩定狀態。

觀眾怎麼看

整理 37 則有效留言信心高

觀眾高度讚賞教學內容的系統性與動畫品質，同時對 Claude Code 的實作門檻與安全性提出疑問。

共識教學品質極高20 則提及

觀眾一致認為教學內容簡明易懂、邏輯清晰，且穿插的動畫設計精緻，大幅降低了學習門檻。

補充安裝工具需謹慎1 則提及

有觀眾提醒在安裝相關開發工具或 Skill 時，務必先檢查程式碼以防範惡意行為。

本摘要僅基於提供的 37 則留言樣本，不代表全體觀眾意見。

生成於 2026-07-11 檢舉