0基礎也能開始！Cursor AI 新手入門完整教學
三句話摘要
從零開始使用 Cursor AI 編輯器搭配 GitHub，快速建立第一個網頁項目。 --- Cursor 與 GitHub 的組合讓初學者無須精通全棧技術，即可在一個月內透過 AI 協助快速交付功能完整的網頁應用。 Cursor 讓初學者跳過基礎學習直接做出完整產品
重點整理
重點- 1
Cursor 讓初學者跳過基礎學習直接做出完整產品
- 2
Cursor 是一個 AI 驅動的程式編輯器，初學者可以用自然語言對話指導 AI 完成需求，不必先修完前端後端課程。開發者只需描述想要什麼功能，AI 就能生成對應的程式碼並插入專案中。
- 3
定價模式對小型項目友善
- 4
個人免費試用有額度限制（約 $5-10 美金），推薦升級 Pro 方案（月費 $20），額度達 60 美金價值的 Token，對建立一個購物系統而言綽綽有餘。認真開發者一個月內可完成項目，下個月可取消訂閱。
- 5
GitHub 倉庫是程式碼版本控制的必要基礎
- 6
GitHub 記錄每次程式修改（Commit），追蹤功能演進與錯誤修復。Cursor 可直接連接 GitHub 帳號，複製遠端倉庫到本機工作。首次使用需授權 Cursor 存取 GitHub。
- 7
靜態與動態檔案需要不同開啟方式
- 8
純 HTML 檔案可直接雙擊在瀏覽器開啟；若專案包含 JavaScript 或需要伺服器支援，使用 `npx serve` 在 localhost:3000 運行本機伺服器。
- 9
--
實用技巧與重點
乾貨- Cursor 安裝與定價
- 官網搜尋：C-U-R-S-U-S-O-R
- 免費試用：$5-10 美金額度
- Pro 方案：$20 美金/月（60 美金價值 Token）
- ProPlus、Ultra 方案：更大 Token 額度（3 倍遞增）
- 推薦用量：購物系統 $20 額度足夠
- GitHub 設置流程
- 官網：google 搜尋 GitHub，免費註冊帳號
- 建立新倉庫：右上角 + 按鈕 → New Repository
- 倉庫名稱：例如 "My Shop"
- Visibility 設定：選擇 Private（私密）
- README：初期可不建立（AI 稍後協助）
- 複製網址格式：HTTPS 或 SSH 兩種方式
- Cursor 工作流程
- Clone 選項：Clone Report → Clone from GitHub
- AI 代碼生成：輸入自然語言需求 → AI 自動產生檔案與程式碼
- 變更標示：新增/修改檔案用綠色背景反白
- 批次操作：Keep 保留所有變更；Discard 撤回
- 檔案管理：右鍵點擊 → Finder 查看檔案位置
- 本機伺服器運行
- 指令：`npx serve`
- 預設埠：localhost:3000
- 用途：運行包含 JavaScript 或動態內容的網頁
- 瀏覽器開啟：Chrome 輸入 localhost:3000
- 授權與連接
- 首次 Clone 需授權 Cursor 存取 GitHub 帳號
- 若遇授權問題：按 Cursor 提示完成登入流程
- 無法解決時：截圖詢問社群
- --
結論
結論“Cursor 與 GitHub 的組合讓初學者無須精通全棧技術，即可在一個月內透過 AI 協助快速交付功能完整的網頁應用。”
完整解析
詳細Cursor 是一款 AI 輔助的程式編輯器，其核心優勢在於讓初學者無需掌握完整的前後端知識，就能用自然語言對話指導 AI 快速生成功能代碼。相比傳統學習路徑（先學 HTML/CSS，再學 JavaScript，最後學後端框架），Cursor 實現了「邊做邊學」的工作流——開發者描述需求，AI 填補技術細節，大幅加快項目進度。
在定價層面，Cursor 對個人開發者相當友善。免費試用版提供有限額度（約 $5-10 美金的 Token），足以嘗試基礎功能。建立一個購物系統這類中小型項目，講者建議升級 Pro 方案（每月 $20 美金，對應 $60 美金價值的 API Token）。由於購物系統的開發工作量有限，$20 額度綽綽有餘；若認真跟課，一個月內即可交付項目，之後可取消訂閱。Pro 方案之上還有 ProPlus 和 Ultra 選項，差異在於可用的 Token 額度遞增 3 倍，適合高頻開發者。
在開始寫代碼前，開發者需完成兩項設置。首先是 Cursor 的安裝與登入，支援 Mac（M 系列或 Intel）和 Windows 版本。其次是 GitHub 帳號和代碼倉庫的建立——GitHub 是業界標準的版本控制平台，記錄每次代碼修改（Commit）、追蹤功能演進與 Bug 修復。建立新倉庫時，講者建議初期將 Visibility 設為 Private（私密），避免程式碼公開；README 和其他初始化檔案可暫時跳過，稍後讓 AI 代為生成。完成倉庫後，Cursor 可直接連接 GitHub 帳號，並授權存取所有倉庫。
實際開發流程包含四個步驟。第一步，在 Cursor 中透過 Clone 功能連接 GitHub 倉庫，將遠端程式複製到本機。第二步，輸入自然語言需求（例如「建立一個 Hello World HTML 網頁」），AI 自動分析專案結構，生成相應的檔案與代碼。第三步，Cursor 用綠色背景標示新增或修改過的檔案，開發者可逐個檢查，選擇 keep（保留）或 discard（撤回）。第四步，儲存檔案並決定開啟方式。靜態 HTML 檔案可直接雙擊用瀏覽器開啟；若專案涉及 JavaScript 或其他動態內容，則需透過指令 `npx serve` 啟動本機伺服器，於 localhost:3000 執行。這種伺服器方式模擬真實網路環境，確保動態功能正常運作。
---
關鍵時刻
Pipeline v2帶時間戳的重點，會在逐字稿層級分析上線後產生。目前請先透過原始影片觀看。
事實查核
Pipeline v2說法查證是下一次管線升級的一部分。KeyFrame 只會顯示它真正能驗證的內容。
