實體編程教學課程內容
這門課程專為終端機愛好者與進階開發者設計,利用Claude Code的代理式終端編碼實現Vibe Coding沉浸式開發體驗。學員將學習Subagents協作、混合推理模式與MCP工具整合,在3小時內從GitHub repo克隆建構完整API監控儀表板並自動部署。
課程簡介
本課程聚焦Claude Code作為終端原生AI代理,相較Cursor/Windsurf/Trae的獨特優勢:平行工具使用、Subagents多代理分工、CLAUDE.md專案規則與無縫GitHub整合。適合熟悉CLI的技術教育者與DevOps工程師,預期成果為可上線的REST API監控系統。總時長3小時(講解30%、實作70%),強調「think harder」深度推理與自動化測試工作流。
第一小時:Claude Code終端環境與代理架構(60分鐘)
-
Claude Code核心解析(15分鐘):介紹終端三模式(快速回應/Extended Thinking/Subagents)、平行工具呼叫(檔案讀取+網路搜尋+程式碼執行)、CLAUDE.md約束系統,對比IDE工具的GUI限制。
-
環境建置與MCP整合(15分鐘):終端安裝npm i -g @anthropic-ai/claude-code、設定API金鑰、連線GitHub/PostgreSQL MCP伺服器,建立「TypeScript + FastAPI + Swagger」專案規則。
-
實作一:repo分析與架構規劃(30分鐘):claude-code analyze ./api-monitor,體驗AI自動解析15檔案結構並生成ER圖與Swagger spec。
第二小時:Subagents協作與全棧實戰(60分鐘)
-
多代理分工實戰(20分鐘):指令/subagent backend "建FastAPI CRUD + PostgreSQL ORM"、/subagent frontend "React Admin Dashboard + shadcn/ui",平行執行後端前端開發。
-
混合推理除錯(20分鐘):think harder分析stack trace,/test自動生成Jest + Pytest案例,/fix一鍵修復lint錯誤與Type錯誤。
-
測試實作(20分鐘):獨立開發API健康檢查代理,驗證Docker Compose多服務協作與Swagger API文件生成。
第三小時:CI/CD部署與企業級實務(60分鐘)
-
自動化GitHub Actions(15分鐘):/deploy生成docker-compose.yml + GitHub Actions workflow,一鍵推送main branch並觸發CI/CD部署Vercel+Render。
-
企業級進階應用(20分鐘):整合Sentry錯誤追蹤、Logto認證、Figma設計稿轉React,示範GitHub Issue自動分類與PR審查代理。
-
作品展示與Q&A(25分鐘):學員分享成果並反饋。總結Claude Code Vibe Coding八大精髓(終端沉浸、Subagents分工、CLAUDE.md約束、平行工具、混合推理、自動測試、GitHub原生、一鍵部署),提供進階MCP資源。