編程線上教學課程內容
課程簡介
Cursor AI 是基於 VS Code 打造的 AI 原生整合開發環境（IDE），內建先進的大語言模型，能理解整個專案脈絡，提供智能程式碼生成、自動除錯、架構建議與跨檔案編輯功能。相較傳統 IDE，它能大幅縮短開發週期，讓單人開發者具備團隊級生產力。
本兩小時課程分為基礎、中階與進階三階段，從環境設定到完整 Web 應用開發，透過實戰專案展示 Cursor 的核心功能，包括 Composer 模式、多檔案重構、AI 除錯與部署整合，讓學員體驗 AI 如何重塑現代編程工作流程。
適合對象：
-
VS Code 使用者想升級 AI 編程體驗
-
前後端開發者、Full-stack 工程師
-
想大幅提升開發效率的專業開發者
-
初學者需要智能輔助學習程式設計
兩小時課程大綱（120 分鐘）
第一階段：基礎入門與環境設定（約 20 分鐘）
第一章：課程導入與 Cursor 生態介紹（約 8 分鐘）
-
Cursor AI 的誕生背景：VS Code + GPT-4o 的革命性結合
-
核心優勢：全專案理解、Composer 模式、自然語言編程
-
與 GitHub Copilot、Codeium 的功能定位比較
-
下載安裝、API Key 設定、擴充套件整合
第二章：介面導覽與基本操作（約 12 分鐘）
第二階段：中階功能與實戰技巧（約 50 分鐘）
第三章：Composer 模式與多檔案開發（約 15 分鐘）
第四章：智能除錯與程式碼品質優化（約 15 分鐘）
第五章：前端開發加速技巧（約 20 分鐘）
-
React/Vue 組件智能生成：狀態管理、Hook、路由整合
-
Tailwind CSS + shadcn/ui 一鍵套用
-
響應式佈局與動畫效果自動化
-
範例：用 Composer 生成完整 Dashboard 介面
第三階段：進階應用與完整專案（約 50 分鐘）
第六章：全棧應用開發實戰（約 25 分鐘）
專案主題：任務管理 SaaS 平台
-
後端架構：Next.js 14 + Prisma + PostgreSQL
-
前端設計：現代化 UI + 即時同步 + 拖拉功能
-
使用 Cursor 完整生成：資料庫 Schema → API → 前端 → 部署
-
進階功能：使用者認證、權限管理、文件上傳
第七章：進階工作流程與團隊協作（約 15 分鐘）
第八章：領域專精與客製化（約 10 分鐘）
完整實戰專案展示（約 20 分鐘）
最終專案：AI 驅動的 SaaS 生產力工具
功能清單：
使用者註冊登入（NextAuth）
任務看板（拖拉排序）
即時協作（WebSocket）
檔案上傳與預覽
資料匯出（CSV/PDF）
管理後台與權限
Vercel 一鍵部署
