Cursor AI 教學｜編輯器、雲端代理與網站開發驗收流程

Cursor AI 可以協助你讀專案、修改程式、執行指令與測試網站。桌面編輯器處理你開啟的專案；網頁版 Cloud Agents 則在獨立雲端環境工作。兩者的執行位置、權限與方案資格不同，產生頁面後也仍要安排主機、網域與正式上線。

第一次使用，先選一個有備份的小型頁面練習，完成「看懂修改、跑得起來、能確認結果」這三件事，再擴大任務。這篇整理安裝、Plan 與 Agent 的分工、雲端資格、費用與一套可留下紀錄的網站驗收流程；下方服務頁是練習範例，沒有宣稱已用它完成客戶專案。

功能與方案查證於 2026 年 11 月 5 日：Cursor Agent 文件、Cloud Agents 文件。工具選型另見Claude Code、Codex、Cursor 與 Copilot 比較。

先選桌面編輯器，還是 Cursor 網頁版？

VM 是代理工作的虛擬機器。Cloud Agents 可以安裝相依套件、執行測試及操作瀏覽器，你的電腦不必一直在線；但代理的開發環境，不等於品牌網站已經取得正式主機、網域與營運維護。Cursor 也提供命令列與 Slack、GitHub 等工作入口，實際接入方式仍要依環境設定。

來源：Cloud Agents 的環境、入口與產物說明。

安裝 Cursor，完成第一次小範圍修改

1. 從官方下載。到 Cursor 下載頁，依 macOS、Windows 或 Linux，以及自己的處理器選擇安裝檔。登入後先查看帳戶的方案與剩餘用量。
2. 開啟練習專案資料夾。先看檔案清單，再確認已有的 Git 紀錄，並閱讀 README 的網站啟動方式。還沒有專案時，可先要求建立只有 HTML 與 CSS 的練習頁，別從金流、會員與資料庫同時開始。
3. 先請 Agent 解釋。用 Cmd+I（Mac）或 Ctrl+I 開啟側欄，要求「說明入口檔、預覽方式與目前會改到的檔案，先不要改檔」。對於不熟悉的指令，先問清楚用途。
4. 確認做法再改。任務牽涉多個檔案時，可用模式選單或 Shift+Tab 切到 Plan，先看可編輯的計畫；準備好再開始建置。Plan 是規劃流程，與後面的工具執行權限設定是兩件事。
5. 用專案原有方式啟動與檢查。核對實際修改差異，依 README 執行預覽、測試或建置；記錄成功與失敗的指令。沒有測試可跑時要明說，不能把 Agent 的完成訊息當成檢查已通過。

來源：Agent 工具與開啟方式、Plan Mode 的規劃與切換。本文不要求所有專案一律使用同一組安裝或測試指令。

用 Rules 留下專案規則，並保留 Git 版本

反覆提醒的條件可以寫進專案：例如繁體中文用語、既有元件慣例、禁止修改的產生檔，以及交付檢查項目。簡單專案可用根目錄的 AGENTS.md；需要按檔案範圍套用時，使用 .cursor/rules/*.mdc。.cursor/rules 裡的普通 .md 不會被當成 Project Rule。

規則是給模型的指引，不能取代帳號權限、檔案與網路限制。若你要保留某版程式，仍應提交 Git，必要時另備份資料庫與上傳檔案。Cursor Checkpoints 可回復 Agent 的檔案修改，儲存在本機並與 Git 分開；它不是所有外部操作、部署與資料的完整還原點。

來源：Rules 與 AGENTS.md、Checkpoints 的範圍。

Run Modes 控制本機執行，Cloud Agents 另看環境權限

在本機 Agent 的 Settings → Agents → Approvals & Execution 檢查 Run Mode。不能沿用「所有終端機指令預設都會先問」的舊理解：現行文件列出以下三種模式。

Run Mode 與「能讀哪些檔案，能連哪些網路」的設定也不同。團隊政策可能優先於個人或專案設定；瀏覽器、刪檔及外部檔案保護等設定也可能影響實際行為。舊教學中的 Ask Every Time 已棄用，新使用者不應照著找同名選項。

Cloud Agents 不使用這套本機 Run Modes，也不會在雲端每一步詢問動作批准。啟動前就要確認遠端程式庫、可用帳號、Secrets 與網路範圍。雲端 VM 的隔離，不代表連上的外部服務或正式資料不會受影響。

來源：Run Modes、保護設定與 Cloud Agents 差異、Cloud Agents 環境與 Secrets。

Cloud Agents 怎麼開通？先核對方案、程式庫與環境

2026 年 11 月 5 日，官方 Cloud Agents 文件明列：Premium 及以上、Teams、Enterprise，或符合資格的 legacy 付費方案才包含 Cloud Agents；Free 與 Plus 不包含。Plus 雖然付費，仍不能據此認定可啟動雲端代理。舊方案使用者要查自己的實際權益，不把新名稱套回所有歷史帳戶。

1. 確認帳戶與程式庫連線。管理員先連接支援的程式碼管理服務，使用者要有目標程式庫及所需相依程式庫的讀寫權限。官方列有 GitHub、GitLab、Bitbucket 與 Azure DevOps 的支援範圍。
2. 準備可重現的開發環境。核對分支、套件安裝與啟動方式，依官方設定使用環境快照或 Dockerfile 等方式。先以測試資料與必要權限開始；需要金鑰時使用適用的 Secrets 設定，不把真實金鑰提交到程式庫。
3. 啟動一項明確任務。從 Cursor 網頁版或桌面的 Cloud 入口選擇環境與任務。先確認模型、用量與支出上限；若環境建置失敗，先修啟動流程，再要求代理修改網站。
4. 接回分支與證據。代理可在獨立分支工作並推送修改，提供 PR、截圖、影片或日誌。逐項檢查這次實際產生了什麼，不預設每次任務都附齊所有產物；合併與正式部署另外依專案流程執行。

來源：Cloud Agents 資格、SCM 權限、環境、產物與疑難排解；當日方案比較表也將 Free、Plus 的 Cloud agents & automations 標為不包含。

做一個服務頁：從需求到交付的五步流程

以下假設你要替品牌新增服務介紹頁，使用已整理好的品牌文字與圖片，按鈕連到已存在的聯絡入口。練習先不做登入、付款或真正送出資料的表單。這樣能先驗證頁面與工作流程，再評估後端串接。

1. 留下起點與完成條件

記下原本的 Git commit 或備份位置、要改的頁面與允許修改的檔案。寫清楚必須保留的導覽、品牌資料與網址，再定義手機畫面、按鈕和錯誤情況要怎麼確認。請 Agent 先閱讀現有實作，避免另建一套重複樣式或覆蓋其他人的修改。

2. 用可驗收的指令切小任務

請先讀這個專案的 README、AGENTS.md 與既有服務頁，說明預計修改的檔案。
本次只新增一個服務介紹頁：使用我提供的文字與圖片，包含服務內容、流程及聯絡按鈕，沿用現有導覽和樣式。
先提出做法，確認範圍後再實作；不要更換框架、新增付費服務、修改正式網域或上傳真實客戶資料。
完成後列出修改差異、實際執行的指令與結果，以及尚未完成的檢查。
請檢查手機窄螢幕是否橫向溢出、按鈕是否到正確聯絡入口、圖片缺失時是否仍可理解內容。
若缺少網址或素材，請先指出缺口，不要造出能收件的假表單或宣稱已部署。

這是需求範本，並不會自動建立技術上的權限限制。若你需要更多頁型，可延伸使用AI 寫網站 Prompt 範本，再填入自己的真實素材與完成條件。

3. 看差異，跑專案檢查

逐檔查看新增、刪除與相依套件變更；確認沒有把密碼、測試帳號或本機路徑放進成品。再依專案實際配置執行 lint、測試或建置。若某項指令失敗，保留錯誤輸出並修正原因；沒有配置該檢查就記「未配置」，不能直接記通過。

4. 在瀏覽器完成畫面與操作驗收

開啟預覽，分別檢查桌機與手機：導覽是否可用，文字與圖片是否完整，按鈕是否到正確入口，鍵盤能否移到主要互動元件，以及錯誤或空資料時畫面是否合理。若之後加入表單，還要測正確送出、漏填、伺服器失敗與實際收件；畫面出現「送出成功」不足以證明資料已送達。

網站標題與描述要讀頁面原始碼，分享圖片則看對應標記或分享預覽；不能只看畫面上的大標。自動測試與代理截圖可以提供線索，仍應確認它們測的是哪個網址、版本及環境。

5. 部署後讀回，交給下一位維護者

先確認部署目的地、可還原版本與負責人，再走專案既定發布流程。部署後用未登入視窗開啟正式網址，核對相同版本、主要操作與資源載入；本機成功或 PR 已合併，都不能直接記成正式網站驗收完成。

這張表是交付紀錄的建議格式，請填入真正完成的結果；沒有證據的欄位就保留未驗。若需求已包含跨系統資料、角色權限與正式交易，應另外訂規格與驗收情境，不只增加一段 Prompt。

Cursor 費用怎麼看？分開記訂閱、模型與網站成本

2026 年 11 月 5 日的官方定價頁，Free 有限量 AI 使用；Plus 僅提供 Grok 模型。Premium 及以上開放第三方模型，但第三方模型用量不包含在頁面顯示的月費內，須另依用量購買，不能把「可選模型」當成「月費已含全部模型」。頁面顯示價格未含適用稅費。

官方目前說明方案有跨 Cursor 與 Grok 的 AI 用量池，每週重置；第三方模型則按 API 標價另計，並可設定支出上限。Cloud Agents 文件也區分一般方案用量與 legacy request-based 計價，後者另有 API 費率與 Max Mode 等條件。請記錄自己的方案類型、所選模型、剩餘用量、額外消費與限制，別用舊文的一組「每月幾次」推估所有帳戶。

網站預算再另列主機、網域、儲存與流量、外部 API、寄信、工程覆核和後續維護。若換模型或把多項工作交給雲端代理，先跑一個小任務查看實際用量，再估下一批；本文沒有提供任何帳戶實測費用，也不保證設定上限就能取代帳單核對。

來源：Cursor 定價頁的用量池、第三方模型、稅費與方案表、Cloud Agents 的 usage 與 legacy 計費說明。

退訂與退款，先確認你適用哪一份條款

取消續訂與退還已付款項是不同事項。Cursor 當日定價頁連到的Bundled Subscription Terms（2026 年 10 月 7 日版本）要求至少在續訂前 24 小時取消以避免下一期扣款；一般取消後可用至當期結束，剩餘天數原則不退，但條款、適用法律及地區例外另有規定。

同一份條款對居住台灣、適用該 Consumer Terms 的消費者另列購買後 5 天內取消訂閱的條件：須在期限內透過服務或聯絡 [email protected] 明確提出；退款最遲於通知取消後 14 天內處理，已使用部分可能按比例扣除。升降級或取消再訂不會重設期限。這是該份官方契約的敘述，不是把所有台灣交易一律判定為同一退款規則。

仍由 Anysphere 管理的 legacy Cursor 訂閱，條款明示維持原 Consumer／Teams 契約，除非購買新組合或完成移轉。第三方模型 Top-Ups 另由 Anysphere 作為賣方，原則不退但保留法律及條款例外；透過應用程式商店購買還要看該通路處理方式。申請時先核對收據、購買通路與契約，不能因任務結果不如預期就預設必定退款。

來源：官方訂閱條款第 1、3、6、7 節及地區條款。實際個案請由官方按適用契約確認。

Cursor 卡住時，先分辨是哪一層問題

Cursor 程式碼與秒站託管，怎麼分工？

需要自訂程式流程，且有人能看差異、維護依賴與驗收時，Cursor 可放進開發工作流。若主要工作是更新品牌內容、文章與服務頁，也可以選擇有內容後台的架站服務，把網站環境與程式開發責任分清楚。

秒站是台灣團隊用 WordPress 打造的 SaaS 架站服務，可以從現成架構與 AI 架站小精靈開始，用頁面編輯器調整原生區塊，或把 AI 協作的 HTML、CSS、JavaScript 放入 Vibe 畫布；三種方式可以依頁面需求混用。新增 Vibe 畫布教學說明了頁面編輯器與 Gutenberg 的入口。

要把 Cursor 產物放進秒站，先交付適合該頁面環境的程式碼與素材，再驗證前台。React 專案的原始碼、Node 伺服器、資料庫或私密 API 邏輯，不能當作貼入 HTML 區塊就完成搬移；需要另外處理建置、改寫或串接。網站也不會因為用了 Vibe 畫布，就自動取得 Cursor 雲端 VM 的全部功能。

秒站官方方案包含網站主機代管與 SSL；網域註冊、影片空間及額外功能等費用要另核對。Cursor 的訂閱與模型用量另算。若你想先確認後台是否適合，可依免費試用流程操作；試用後先記下想保留的內容，向客服確認當下移轉方式，不預設測試站會自動轉正式站。

已經有 AI 產生的頁面，下一步可用AI 做網站後的部署與維護分工整理責任；仍在學習代理如何處理多步驟任務，則先讀Agentic coding 的流程與網站應用。