大家好，我是程序員魚皮。

　　AI 編程工具的競爭已經進入了白熱化階段，國外有 Cursor、Claude Code、Codex 三巨頭，國內有字節的 TRAE、阿里的 Qoder、騰訊的 CodeBuddy 三劍客。

　　其中，Cursor 算是我最早為之付費的產品了，雖然現在它因為價格等原因被人詬病，但仍然是非常能打的主流 AI 編程工具，而且更新嘎嘎快。

　　我自己用 Cursor 做了不少項目，燒的錢也最多。。。這篇文章我會從安裝開始，帶你用 Cursor 從 0 做出一個完整的網站項目，完整走一遍 AI 編程的流程。看完之后，你就能用 Cursor 獨立完成各種 AI 編程任務了。

　　干貨密集，建議先收藏，找個安靜的地方慢慢食用~

　　1、安裝和基礎準備 下載安裝

　　打開 Cursor 官網，網站會自動識別你的操作系統，直接下載安裝包，一路點下一步就行了，跟裝微信一樣簡單。

　　安裝完成后打開 Cursor，先注冊一個賬號。建議用 GitHub 賬號來注冊登錄，因為后面做項目的時候會用到 GitHub 來管理代碼和部署上線，提前關聯好會方便很多。

　　
兩種界面

　　Cursor 提供了兩套操作界面。

　　一套叫 Agent Window，是不是有點眼熟？

　　跟你平時用的 AI 聊天工具長得差不多，左邊管理對話和項目，中間跟 AI 聊天，適合新手上手。

　　另一套叫 Editor Window，就是一個完整的代碼編輯器界面，左邊看文件、中間寫代碼、右邊跟 AI 對話、底部打開終端，適合管理復雜的代碼項目。

　　兩種界面可以同時打開、隨時切換。我建議新手先從 Agent Window 開始用，界面更簡潔，上手零門檻。等你對 Cursor 熟悉了，再切到 Editor Window。

　　免費版和付費版

　　Cursor 默認提供免費的 Hobby 套餐，可以體驗基本的 AI 對話功能，但模型能力和使用額度都有限制。

　　如果你要認真學 AI 編程，建議至少開通 Pro 套餐，每月 20 美元（約 150 元人民幣）。更高級的 Pro+ 和 Ultra 套餐主要是增加了用量額度，功能上跟 Pro 是一樣的，不夠用了再升級就行。

　　
選擇 AI 模型

　　Cursor 的 Pro 用戶可以自由選擇 AI 模型。Cursor 支持 Claude、GPT、Gemini、Grok 等國外主流大模型，你可以在對話面板的模型選擇器里一鍵切換，還能調節模型的推理等級。

　　不知道選什么的話，直接用 Auto 模式就好，Cursor 會自動幫你選合適的模型，既省心又省錢。等你熟練了之后，可以根據任務復雜度手動切換，比如簡單任務用便宜快速的模型，復雜任務切到更強的模型。

　　好了，基礎準備搞定了，接下來正式體驗 Cursor 的 AI 能力。

　　2、認識 Cursor 的幾種能力 Agent 模式初體驗

　　新開一個對話，默認就是 Agent 模式。這是 Cursor 最核心、最常用的模式，AI 可以自己分析需求、創建文件、調用工具、寫代碼、運行命令，一條龍完成任務。

　　先來個簡單的，讓 AI 幫你做一份 AI 編程熱點的網頁報告：

　　今天有哪些值得關注的 AI 編程熱點？
總結為一份 HTML 網頁報告


　　AI 會自動聯網搜索最新信息，然后幫你整理總結，生成一份 HTML 網頁文件。

　　看看效果，只需要跟 AI 說一句話，天下熱點盡在你手~

　　
其他交互方式

　　除了 Agent 模式，Cursor 還有幾種輕量的交互方式。

　　Ask 模式是純問答，執行速度快，但是不能修改文件，適合你想了解某個知識點、或者讓 AI 解釋一段代碼的時候用。

　　用編輯器模式寫代碼的時候，AI 還會自動預測你下一步要寫什么，按 Tab 就能接受建議，形成「Tab, Tab, Tab」的連續補全節奏。

　　選中一段代碼按Cmd+K（Mac）或Ctrl+K（Windows），還能彈出一個小對話框，直接讓 AI 在當前位置修改代碼，更輕量。

　　不過有了 Agent 模式之后，大多數情況你已經不需要自己動手寫代碼了。Agent 模式才是 Cursor 真正的殺手锏，接下來我們用它做一個完整的編程項目。

　　3、AI 編程實戰 - 網頁總結工具 搞清楚要做什么

　　做項目的第一步始終是需求分析，先搞清楚你要做什么。

　　這個工具的功能很簡單，就是用戶輸入一個網址，AI 自動提取網頁內容并生成摘要總結，幫你快速理解一篇文章的核心內容，省去逐字閱讀的時間。

　　像我平時要大量閱讀國外的技術博客和新聞，有了這個工具就方便多了。

　　Plan 模式 - 先想清楚再動手

　　創建一個空文件夾作為項目目錄，注意路徑最好是純英文的，中文路徑有時候會導致一些奇怪的兼容問題。

　　然后在 Cursor 的 Editor Window 中打開這個文件夾，在對話面板里把模式切換到 Plan（按Shift+Tab可以快速切換模式）。

　　Plan 模式的好處是 AI 會先幫你想清楚怎么做，生成一份實施計劃，確認沒問題后再動手寫代碼。這樣可以避免 AI 一上來就亂寫一通。

　　我假設自己什么技術都不懂，直接把需求丟給 AI：

　　幫我開發一個網頁總結工具，功能如下：

1. 用戶在頁面上輸入一個網址
2. 點擊按鈕后，自動提取該網頁的內容
3. 然后用 AI 對內容進行總結概括，生成簡潔的摘要
4. 支持中英文網頁，結果都用中文展示
5. 界面要簡潔美觀，有加載動畫

請先幫我規劃一下整體的技術方案和實施步驟


　　AI 會分析需求，有任何不確定的地方會彈窗找你確認。然后輸出一份詳細的實施計劃，包括技術選型、文件結構、任務列表。你不需要看懂計劃里提到的每個技術名詞，大致掃一遍覺得合理就行。

　　
Agent 自主開發

　　確認計劃沒問題后，點擊對話中的「Build」按鈕，AI 就開始按照計劃自主執行了。

　　它會自動創建項目文件、編寫前端頁面、寫后端接口、配置 AI 模型調用。如果計劃中有多個可以同時進行的步驟，Cursor 還可能會啟動多個子 Agent 并行工作，加快速度。

　　幾分鐘后，AI 完成了開發，還會自動運行項目，并且在 Cursor 內置的瀏覽器面板中自動打開網頁，你可以直接預覽效果，不用切到外部瀏覽器。

　　
測試驗證

　　項目跑起來之后，AI 會告訴你需要準備什么。由于我們的項目使用了 DeepSeek 大模型的 API 來做總結，需要先去 DeepSeek 開放平臺獲取一個 API Key，填到項目的環境變量文件里。

　　然后試試看效果。我輸入一篇文章的網址，點擊總結按鈕，很快 AI 就給出了總結，還是很到位的。

　　但是我發現有些網站的內容無法正常提取和總結……

　　人工一個個測試太麻煩了，我們可以讓 AI 自己來測試和修復。

　　輸入@Browser使用 Cursor 內置的 Browser Use 瀏覽器操控功能，讓 AI 自主測試：

　　請你自主測試和修復 AI 提取和總結功能，確保兼容大多數網站
比如當我輸入 https://ai.codefather.cn 時，報錯：未提取到足夠正文


　　AI 先分析了當前的代碼，然后通過終端命令嘗試復現 Bug，修復了代碼，還開了一個子 Agent 來打開瀏覽器自動驗證。

　　修復完成后再試一次，這次就能夠正常總結了。

　　每次任務執行完成后，你可以查看代碼改動，按需保留或者撤銷部分修改，也可以直接點擊 Keep 保留全部改動。建議每驗證完成一個功能就 Keep 一下。

　　
迭代優化

　　AI 編程的核心思路就是「先完成再迭代」，第一版做出來之后，通過多輪對話不斷調整，直到滿意為止。

　　這個過程中，有幾個 Cursor 的核心技巧值得一提。

　　用 @ 引用精準提供上下文

　　在對話框里輸入@，可以讓 AI 精準地參考你指定的內容。比如@文件名引用項目中的某個文件，@Docs引用已索引的官方文檔，@Terminals引用當前終端的報錯信息。

　　比如你要用 Ant Design 組件庫來美化網站，可以用@Docs引入 Ant Design 的官方文檔，AI 就能基于最新的文檔來編寫代碼，避免編造過時的寫法。

　　你也可以直接把文件拖拽到對話框里。比如我把自己的產品信息文檔拖進來，AI 在做底部版權推薦的時候就知道該展示什么信息了。

　　Cursor 還支持直接把圖片拖進對話框。比如你覺得蘋果官網的設計風格好看，截張圖粘進來讓 AI 參考著修改就行。

　　執行上述提示詞后，網站被優化成了下面這樣，還不錯吧~

　　
Checkpoints 快照回滾

　　多輪修改的過程中，難免會遇到 AI 越改越亂、或者一個 Bug 始終解決不了的情況。

　　這時候用 Cursor 的快照回滾功能就好了。Agent 每次修改都會自動保存一個快照，你只要把鼠標懸停在對話記錄中之前某條消息上，點擊回滾圖標，就能一鍵恢復到那個時間點的代碼狀態。

　　就像游戲里的存檔功能，搞砸了可以讀檔重來。

　　查看用量

　　做了這么多操作，消耗了多少 AI 額度呢？

　　在對話框的右下角可以看到當前對話的上下文使用情況，包括消耗了多少 Token 和各部分占比，一目了然。

　　你也可以打開 Cursor 后臺面板 查看一段時間的消耗明細，建議給每月的按需用量加個上限，防止破產。

　　恭喜你，到這里你已經用 AI 從 0 做出了一個完整的網頁應用！

　　4、讓 Cursor 更強 - 擴展能力

　　Cursor 本身已經很強了，但它還有一套擴展體系，可以讓 AI 連接外部工具、獲取最新信息、遵守你的編碼規范。

　　
Cursor 插件系統 MCP - 讓 AI 連接外部世界

　　MCP 的全稱是 Model Context Protocol，聽起來很唬人，但你可以把它理解為 AI 的萬能插頭。原本 AI 只能根據訓練數據來回答問題、生成代碼，但有了 MCP，它就能連接各種外部工具和數據源，比如查天氣、操作數據庫、規劃出行路線。

　　比如安裝高德地圖的 MCP，只需要去高德開放平臺申請一個 API Key，然后在 Cursor 設置里配置一下就行：

　　{
"mcpServers": {
"amap-maps": {
"url":"https://mcp.amap.com/mcp?key=你的API_KEY"
}
}
}


　　配置完成后，能夠在 Cursor 設置面板中看到 MCP Server 提供的工具列表：

　　來試一試，直接跟 AI 說：用高德地圖幫我規劃一次周末上海兩日游，查一下明天天氣，推薦適合的景點。

　　AI 就會自動調用高德地圖的各種工具，整合成一份完整的出游方案。

　　像我現在分析自己的產品數據時，就用數據庫 MCP 讓 AI 直接連接數據庫查詢數據，省得自己寫 SQL 語句了。

　　Skills - 給 AI 裝技能包

　　Skills 你可以理解為給 AI 提供的技能包，裝了某個技能后，AI 在遇到相關任務時就能自動按照這套方法來干活，不用你每次都寫一大堆提示詞。而且技能是按需加載的，只有任務匹配時才會調用，不會浪費上下文空間。

　　比如 AI 編程時常用的幾個技能，用于聯網搜索的 Firecrawl、用于獲取最新技術文檔的 Context7、用于美化前端頁面的 UI UX Pro Max 等等。

　　安裝技能很簡單，以 Firecrawl 為例，直接到官網復制一行安裝命令，打開終端執行，按照指引完成授權就好。

　　安裝完成后，在對話中輸入/firecrawl就能調用：

　　/firecrawl 魚皮的 AI 導航有哪些資源？


　　你會發現，Firecrawl 目前比 Cursor 內置的網頁搜索工具效果更好、搜索結果更全面。

　　你還可以用 Cursor 內置的/create-skill命令來創建自己的技能。比如你剛做完一個網頁總結工具，覺得這個流程以后還會重復用到，就可以讓 AI 把這次的工作流程封裝成技能，以后遇到類似任務就省事兒了。

　　
Rules - 約束 AI 的行為

　　用 Cursor 做項目的時候，你可能會發現 AI 生成的代碼風格跟你的習慣不太一樣。比如你希望注釋用中文寫，但 AI 老是寫英文注釋。

　　最簡單的方式是在項目根目錄創建一個AGENTS.md文件，用 Markdown 寫上你希望 AI 遵守的規則：

　　## 編碼規范

-所有代碼注釋使用中文
-使用 TypeScript 而非 JavaScript
-變量命名使用駝峰式（camelCase）


　　保存之后，AI 在當前項目中工作時就會自動遵循這些規則。

　　這個文件不是 Cursor 獨有的，Claude Code、Codex 等主流 AI 編程工具都會讀取它，寫一份規則就能在多個工具間通用。

　　如果你需要更精細地控制規則在什么時候生效，Cursor 還有一套專門的規則系統。

　　在設置面板的 Rules 配置中，可以創建針對特定文件類型生效的規則，也可以讓 AI 智能判斷是否需要某條規則。

　　不過對于剛入門的同學來說，用AGENTS.md就完全夠了。

　　5、進階功能速覽

　　到這里你已經掌握了 Cursor 日常使用中最核心的功能。

　　此外，Cursor 還有不少進階能力，現在不需要深入學，知道有這些東西就行，做項目的時候遇到了再回來查。

　　1）Cloud Agent 云端智能體：前面我們用的 Agent 都是跑在自己電腦上的。

　　Cursor 還有一種 Cloud Agent，跑在云端服務器上，關掉電腦它也能繼續工作，適合大規模代碼重構這種耗時任務。你甚至可以在手機上打開網頁，隨時隨地讓 AI 干活和查看進度。

　　2）Automations 自動化：可以設置定時觸發或者事件觸發的自動化任務。比如讓 AI 每天早上 9 點自動整理項目進度并生成報告，或者當 GitHub 倉庫有人提交代碼時自動做代碼審查。

　　3）Marketplace 插件市場：Cursor 有自己的官方插件市場，里面有 Figma 設計稿轉代碼、AWS 云服務部署、Notion 知識庫等各種插件，一鍵安裝就能用。

　　4）代碼索引：Cursor 會自動分析整個代碼庫建立語義索引，你在對話中就能快速檢索到項目里任何角落的代碼。這個能力很適合用來學習開源項目，用 Cursor 打開項目后讓 AI 幫你分析整體架構。

　　5）Git 集成：Cursor 自帶了 Git 操作面板，可以查看代碼變更、提交記錄、撤銷修改，不用打開終端敲命令。

　　你現在不用深入學 Git，就把它當成代碼的「后悔藥」就好。

　　6）VS Code 擴展：由于 Cursor 是基于 VS Code 開發的，所以它兼容所有 VS Code 的擴展插件。你甚至還可以安裝 Claude Code 插件和 Codex 插件，在同一個編輯器里使用多個 AI 編程工具。

　　
6、我的使用感受

　　最后再聊聊我使用 Cursor 的感受。

　　首先 Cursor 的功能非常全面，從代碼補全、到 Agent 編程、到云端管理，AI 編程要用的能力它全都有。而且支持的模型多，Claude、GPT、Gemini 隨便切，基于 VS Code 的插件也都能用。社區生態也很成熟，遇到問題容易找到解決方案。

　　不足的話，就是價格確實不便宜，Pro 套餐每月 20 美元，像我這種重度用戶每月花費遠不止這個數。不過對于認真做項目的人來說，這筆投資帶來的效率提升是值得的。

　　由于 Cursor 的界面更新比較頻繁，如果你看到的界面跟我的有些不一樣，不用擔心，核心的操作方式都是一樣的，自己摸索摸索就好。

　　目前市面上類似的 AI 編輯器還有不少，但它們的核心操作方式都差不多，學完 Cursor 之后你再用其他工具也能游刃有余。

　　OK 就分享到這里。如果你想系統學習 AI 編程，可以看看我免費開源的，上千張圖、幾十萬字，從 0 開始帶你學會 AI 編程。

開源指路：https://github.com/liyupi/ai-guide

　　我是魚皮，持續分享 AI 編程干貨。覺得有用的話記得點贊收藏和關注，也歡迎在評論區聊聊：你現在主力用哪個 AI 編程工具？做出過什么有意思的項目？