Windsurf AI編程課程

上門編程教學課程內容

課程簡介

本課程專注於 Windsurf 這款 AI 原生程式碼編輯器，讓學員在三小時內掌握 Cascade 代理、Supercomplete 智能自動完成、Memories 記憶系統 等核心功能，大幅提升編程效率與專案品質。Windsurf 透過全專案上下文理解、多檔案編輯與自動終端操作，讓開發者保持「Flow 狀態」，自動處理 lint 錯誤、執行指令與程式碼最佳化。課程強調實作導向，學員將透過實際專案（如建立全端任務管理應用），學習如何利用 AI 代理完成複雜開發任務，從初學者到專業工程師皆能快速上手。

課程目標

1. 掌握 Windsurf 的核心功能與快捷鍵操作（Cascade、Supercomplete）。

2. 能利用 AI 代理自動生成多檔案程式碼、執行終端指令與除錯。

3. 學習 Memories 規則設定、全專案上下文理解與多檔案編輯技巧。

4. 完成一個具前端、後端整合且自動部署的實用專案。

5. 建立「AI Flow 編程」的工作模式，為團隊協作與企業開發奠基。

適合對象

• 具基礎程式概念（如 JavaScript、Python、TypeScript）的學生或成人進修者。

• VS Code 使用者，想升級為 AI 原生開發環境。

• 前端、後端或全端開發者，希望提升開發速度與程式品質。

• 企業團隊、創業團隊或教師，欲將 AI 編程工具應用於大型專案。

課程時長與授課方式

• 全長 3 小時。

• 理論講解約 30%，實作操作約 70%。

• 使用 Windsurf 桌面應用（支援 macOS、Windows、Linux）。

• 教學形式：環境設定、講師示範、個人實作與成果分享。

課程大綱

第一部分：Windsurf 環境設定與基礎功能（約 40 分鐘）

• Windsurf 簡介：AI 原生 IDE 與傳統編輯器的差異。

• 安裝與設定：API 金鑰配置、模型選擇、Memories 規則建立。

• 核心功能導覽：Cascade 代理、Supercomplete、Inline AI、終端整合。

• 實作練習：

  • 建立 Next.js 或 Python 專案，體驗 AI 自動建立檔案結構與即時預覽。

第二部分：Cascade AI 代理實戰（約 70 分鐘）

• Cascade Write Mode：自然語言生成多檔案完整功能模組。

• Supercomplete：全專案上下文的多行函式自動完成。

• 自動終端操作：AI 執行 npm install、lint 修正、測試運行。

• 實作練習（個人任務）：

  • 建立「任務管理全端應用」（前端 React + 後端 API），讓 Cascade 自動生成路由、資料庫 Schema 與認證邏輯。

第三部分：進階功能與多檔案編輯（約 50 分鐘）

• Memories 與 AI Rules：設定團隊程式規範，確保一致性。

• Image Upload：上傳設計稿，AI 生成對應 HTML/CSS/JS。

• Web Search 整合：即時查詢文件與外部資源。

• 實作練習：

  • 根據設計圖生成響應式 UI，並整合外部 API（如 Stripe、PostgreSQL）。

第四部分：專案整合與最佳實務（約 20 分鐘）

• Turbo Mode：自動執行終端指令與連續工作流程。

• 多人協作：即時分享、版本控制與企業級安全性。

• 成果展示：學員分享專案，講師示範 AI 生成 commit message 與部署。

• 最佳實務分享：提示工程、規則設定、效能優化策略。

• 延伸學習方向：大型企業專案、MCP 外掛整合、JetBrains IDE 支援。

課程特色

• AI 原生 IDE，零學習曲線，自動處理 90% 樣板與重複工作。

• Cascade 代理理解全專案上下文，支援複雜多檔案變更。

• 內建 lint 修正、終端自動化與即時預覽，保持開發 Flow 狀態。

• 三小時內完成生產級全端專案，可直接部署企業環境。