實體編程教學課程內容
這門課程專為零基礎開發者與技術教育者設計，利用Trae AI（字節跳動出品）的Builder模式與中文自然語言互動，實踐Vibe Coding氛圍式開發流程。學員將學習project_rules.md約束、Select&Edit視覺編輯與全流程自動化，在3小時內從需求描述建構完整To Do App並一鍵部署。
課程簡介
本課程聚焦Trae AI相較Cursor/Windsurf的中文原生支援與Builder全自動開發模式，教授如何透過對話生成FastAPI後端、React前端與Supabase資料庫整合。適合華語開發者與AI課程設計者，預期成果為可上線的智能體管理平台原型。總時長3小時（講解30%、實作70%），強調中文提示工程與自動live-server預覽工作流。
第一小時：Trae環境與Vibe Coding基礎（60分鐘）
-
Trae AI架構解析（15分鐘）：介紹三欄介面（Builder/Chat/終端）、Claude 3.5 Sonnet驅動、project_rules.md智能約束，對比Cursor單一Composer限制。
-
環境建置與規則設定（15分鐘）：下載Trae IDE、建立「現代化全棧Web規則」（響應式、深色主題、單檔案HTML優先）、啟用中文對話模式。
-
實作一：智能體原型生成（30分鐘）：指令「建立Agent Zero管理平台」，體驗Builder自動規劃11檔案結構並啟動live-server 3000端口預覽。
第二小時：全棧開發與視覺迭代（60分鐘）
-
Builder模式實戰（20分鐘）：指令「新增提示詞管理與多輪對話」，審查AI生成的FastAPI後端與React前端，逐檔案接受變更。
-
Select&Edit視覺編輯（20分鐘）：滑鼠選取UI元素+中文指令「改成霓虹藍漸變按鈕」，即時更新底層CSS變數與動畫效果。
-
測試實作（20分鐘）：獨立開發To Do App，驗證拖拽排序、資料持久化與手機端響應式佈局。
第三小時：部署、進階智能體與最佳實務（60分鐘）
-
一鍵部署Vercel（15分鐘）：自動生成docker-compose與CI/CD，部署並獲取公開網址，啟用Trae內建監控面板。
-
智能體進階應用（20分鐘）：整合RAG檢索、多模態圖像分析，示範Agent協作網路架構，分享30分鐘App開發案例。
-
作品展示與Q&A（25分鐘）：學員分享成果並反饋。總結Trae Vibe Coding七大訣竅（中文描述、規則約束、Builder優先、視覺迭代、live-server自動化、深度上下文、多模態擴展），提供Trae官方資源。
