Cline AI編程課程

上門編程教學課程內容

課程簡介

本課程專注於 Cline 這款開源 AI 編程代理，讓學員在三小時內掌握 Plan/Act 雙模式、MCP 工具整合、多檔案編輯 等核心功能，直接在 VS Code 中實現自主編程代理。Cline 支援 Claude、GPT、Gemini 等多模型，能自動建立檔案、執行終端指令、瀏覽器操作，並透過檢查點系統實現精細變更控制。課程強調實作導向，學員將透過實際專案（如建立全端任務管理系統），體驗從規劃分析到程式碼實現的完整 AI 代理工作流，開源免費且完全自主控制。

課程目標

1. 掌握 Cline 的 VS Code 擴充安裝、模型配置與 Plan/Act 模式切換。

2. 能用自然語言實現多檔案編輯、終端指令執行與程式碼庫分析。

3. 學習檢查點管理、MCP 工具擴充與上下文引用技巧。

4. 完成具前端後端整合的實用專案，並理解開源代理開發模式。

5. 建立「IDE 內 AI 自主編程」的工作模式，適用於個人與團隊開發。

適合對象

• VS Code 使用者、具基礎程式概念的學生或成人進修者。

• 前端、後端、全端開發者，希望提升 AI 代理編程效率。

• 開源愛好者或獨立開發者，偏好終端機與 CLI 工作流。

• 企業 DevOps 團隊，欲導入開源 AI 工具於 CI/CD 流程。

課程時長與授課方式

• 全長 3 小時。

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

• 使用 Cline VS Code 擴充套件（完全開源，支援多 LLM 提供者）。

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

課程大綱

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

• Cline 簡介：開源 AI 編程代理與商業工具的差異優勢。

• 安裝與配置：VS Code Marketplace 安裝、API 金鑰設定、多模型選擇。

• 核心功能導覽：Plan 模式（分析規劃）、Act 模式（程式碼變更）、檢查點系統。

• 實作練習：

  • 在 VS Code 中啟動 Cline，輸入「分析當前專案架構」，體驗自動程式碼庫掃描與結構說明。

第二部分：Plan/Act 雙模式實戰（約 70 分鐘）

• Plan 模式：AI 分析需求、規劃架構、識別潛在問題（只讀模式）。

• Act 模式：自動建立檔案、編輯程式碼、執行終端指令（需授權）。

• 檢查點管理：每個工具調用都有回滾點，支援精細審核與還原。

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

  • 建立「任務管理全端應用」（React 前端 + Node.js API），讓 Cline 分階段規劃與實現 CRUD 功能。

第三部分：MCP 工具整合與進階應用（約 50 分鐘）

• MCP 協議：瀏覽器操作、Git 管理、測試執行、外部 API 整合。

• 上下文管理：@file、@folder、@problems、@url 等指令快速引用。

• 多檔案協調：保持 import、類型定義、一致性自動調整。

• 實作練習：

  • 整合測試框架（Vitest/Jest），讓 Cline 自動生成單元測試並修復 lint 錯誤。

第四部分：CLI 工作流與最佳實務（約 20 分鐘）

• Cline CLI：腳本化、CI/CD 整合、批次處理任務。

• 成果展示：學員分享專案，對比手動開發與 AI 代理的效率差異。

• 最佳實務分享：提示工程、權限控制、大型專案策略。

• 延伸學習方向：

  • 企業級部署、JetBrains IDE 整合、自訂 MCP 服務器。

課程特色

• 完全開源免費，支援本地模型與多 LLM 提供者，零成本企業級功能。

• Plan/Act 分離，規劃先行避免盲目實作，提升程式品質。

• 檢查點精控：每個變更都有回滾點，比傳統 undo 更精細安全。

• 三小時內完成生產級全端專案，Git 整合與測試自動化齊備。

• MCP 生態：瀏覽器、Git、測試框架無縫擴充，支援複雜工作流。