實體編程教學課程內容
這門課程專為開發者與團隊設計，利用Windsurf AI編輯器的Cascade代理與Supercomplete自動完成，實踐Vibe Coding沉浸式開發流程。學員將學習多檔案上下文理解、即時終端執行與記憶規則設定，在3小時內從需求描述建構完整Next.js儀表板應用。
課程簡介
本課程聚焦Windsurf相較Cursor的優勢：Cascade自動規劃多檔案變更、Memories持久化團隊規則、內建Preview伺服器與MCP外掛整合。適合有基礎程式經驗的技術教育者或企業開發團隊，預期成果為部署完成的客戶反饋追蹤系統。總時長3小時（講解30%、實作70%），強調AI終端自動執行與diff審查工作流。
第一小時：Windsurf環境與Vibe Coding入門（60分鐘）
-
Windsurf核心架構介紹（15分鐘）：解析Cascade代理（自動規劃-執行-檢查點）、Supercomplete意圖預測、Memories代碼庫記憶，對比Cursor單檔案限制。
-
環境建置與規則設定（15分鐘）：下載跨平台IDE、設定Next.js規則（「遵循App Router、TypeScript優先」）、啟用Turbo Mode自動終端執行。
-
實作一：基礎專案生成（30分鐘）：指令「建立客戶反饋儀表板」，體驗Cascade自動建立路由、Prisma schema與UI組件並啟動開發伺服器。
第二小時：代理開發與多檔案迭代（60分鐘）
-
Cascade Write Mode實戰（20分鐘）：指令「新增PostgreSQL後端與角色權限」，審查AI規劃的11檔案變更並逐區塊套用diff。
-
進階提示與除錯（20分鐘）：使用Inline AI修改特定函數、圖片上傳生成CSS、Web Search查詢Next.js最佳實務，自動修復lint錯誤。
-
測試實作（20分鐘）：獨立開發反饋表單與即時圖表，驗證資料持久化與響應式佈局。
第三小時：部署、企業功能與最佳實務（60分鐘）
-
一鍵部署與監控（15分鐘）：自動生成Dockerfile與CI/CD，部署至Vercel並啟用內建分析，設定企業SSO與RBAC。
-
Memories與MCP進階（20分鐘）：建立團隊規則集、整合Figma設計轉React、Slack通知工作流，示範SWE-1.5快速代理模型。
-
作品展示與Q&A（25分鐘）：學員分享成果並反饋。總結Windsurf Vibe Coding六大訣竅（規劃先行、規則約束、頻繁預覽、檢查點審查、跨檔案意識、自動化終端），提供進階資源連結。
