實體編程教學課程內容
課程簡介
課程聚焦Cursor基於VS Code的AI整合,教授Composer聊天介面、Tab自動完成與@符號上下文引用,讓使用者透過對話重構程式碼、管理大型專案。適合技術教育者或想提升開發效率的專業人士,預期成果為響應式網頁應用如TDEE計算器。總時長3小時(講解30%、實作70%),強調Ctrl+K行內編輯與Cursor Rules設定。
第一小時:Vibe Coding基礎與Cursor安裝(60分鐘)
-
Vibe Coding概念解析(15分鐘):介紹Andrej Karpathy提出的「順著感覺走」開發模式,對比傳統編碼,強調沉浸式AI協作與diff審查流程。
-
Cursor環境建置(15分鐘):下載macOS版本、設定GPT/Claude模型、安裝Node.js與Git擴充套件。配置繁體中文對話與Terminal指令。
-
實作一:基礎專案生成(30分鐘):建立Vue架構TDEE計算器,用Ctrl+I生成初始程式碼並Accept變更。
第二小時:代理開發與迭代優化(60分鐘)
-
Composer代理實戰(20分鐘):開啟聊天視窗,指令「新增Admin Dashboard與資料持久化」,審查diff並逐項套用。
-
提示工程技巧(20分鐘):練習Ctrl+K行內編輯、Ctrl+L多檔案分析,使用@檔案引用提供上下文。除錯常見錯誤如依賴衝突。
-
測試實作(20分鐘):獨立開發個人形象網站,驗證響應式設計與表單運算。
第三小時:部署、規則設定與進階應用(60分鐘)
-
GitHub部署流程(15分鐘):初始化repo、推送變更並用GitHub Pages發布。設定自訂網域與監控。
-
Cursor Rules進階(20分鐘):編寫專案規則(如「使用TypeScript優先」),示範Subagents與Composer 2.0多代理協作。
-
作品展示與Q&A(25分鐘):學員分享成果並反饋。總結Vibe Coding核心技能(具體指令、頻繁測試、規則約束、版本控制、擁有原始碼),提供Cursor Docs資源。