Cursor 是程式開發的ChatGPT——現在任何人都可以在幾分鐘內製作應用程式

有時候,一款人工智慧工具會突然爆紅,成為社群媒體的熱門話題。本週這款應用程式就是 Cursor,一款使用 Claude 3.5 Sonnet 及 GPT-4o 等模型的 AI 程式編輯工具,它讓任何人都可以更輕鬆地構建自己的應用程式。

Cursor 既是一個開發環境,也是 AI 聊天機器人,與 GitHub Copilot 等工具不同的是,Cursor 幾乎可以代替你完成所有工作,將一個簡單的想法轉化為功能性代碼,僅需幾分鐘。

這款工具基於與微軟的熱門編輯器 Visual Studio Code 相同的系統開發,迅速在新手開發者與資深工程師之間找到了粉絲群。包括在 PerplexityMidjourney 以及 OpenAI 等公司工作的人,都是使用這款 AI 工具的 30,000 名客戶之一。

什麼是 Cursor?

Cursor 是一款以 AI 為核心的代碼編輯器。自 2022 年成立以來,這家初創公司已籌集超過 4 億美元的資金,並與包括 AnthropicOpenAI 在內的多個模型合作。

雖然表面上看,像是讓聊天機器人幫你構建應用程式這類功能,與 ClaudeChatGPT 已經能做到的事情類似,但真正的威力來自於它與代碼編輯器的整合,以及快速進行修改或解決問題的能力。

Cursor 的執行長 Michael Truell 把它形容為「Google Docs for programmers」,這是一個簡單的代碼編輯器,內建 AI 模型,能夠僅通過文字提示來編寫、預測並操作代碼。

他在接受《Forbes》訪談時表示,Cursor 的目標是自動化工程師 95% 的工作,讓他們可以專注於程式設計的創造性部分。這將允許個人開發者構建比目前強大的團隊能構建的系統更為複雜的系統。

Cursor 的真正力量在於程式設計的民主化。它還允許沒有太多程式經驗的人僅需打幾行文字,就能構建出自己所需的工具。

Cursor 的實際應用

我們曾經使用過幾款不同的 AI 程式編輯工具,包括 GitHub Copilot 及開源版本的 Devin,我也曾使用 Claude 構建過完整的應用程式,而且我已經寫了多年的 Python 和 Apple 的 Swift。這次,我想看看使用 Cursor 能多快構建一個應用程式。

由於這款工具的聊天功能是由 Claude 3.5 Sonnet 驅動的,你可以要求它詳細解釋任何代碼的元素或需要完成的任務。

比如說,如果一個用戶最近開始健身,因此決定構建一個習慣追蹤應用程式。只需輸入了一個簡單的提示:「用 Python 構建一個帶有 GUI 的習慣追蹤器。讓它看起來現代且加入遊戲化元素。」

它在側邊聊天視窗生成了必要的代碼,我只需點擊 ApplyAccept,它就將代碼添加到一個新的 Python 文件中,包含所有必要的模組。同時,它還給出了如何在本機添加模組以使代碼工作的指示。

第一次版本是一個非常簡單的應用程式,包含輸入任務的文本框、一個完成任務的按鈕,以及一個顯示完成進度的追蹤器。

從早上 10 點開始,我不斷強化應用程式,添加了新的樣式和功能,而我連一行代碼都沒寫。到了 10 點 35 分,我已經擁有一個功能完整的、豐富的習慣追蹤器,我真的計劃每天使用它。

如果你想要使用 Cursor AI,請前往 https://www.cursor.com/ 下載編輯器即可使用。

Cursor
The AI Code Editor

我還嘗試了另一個項目,即使用 SwiftUI 為 iOS 構建相同的應用程式。這涉及將代碼轉移到 Xcode,但我發現這在 Swift 中出現的錯誤比 Python 多得多。

Cursor: 8 歲女孩使用它完成一個聊天機器人

畢竟實在是太紅了,紅到8歲的小女孩都用它來學AI,在45分鐘內搭建出一個聊天機器人的「秀」已經吸引了180萬人在線觀賞。這位 8歲女孩輕鬆用 AI 程式設計,45分鐘打造出聊天機器人,而這小女孩正式 Cloudflare 副總裁家8歲女兒。

結語

Cursor 不是我會推薦給完全不懂技術的人使用的工具,但如果你稍微了解一些代碼,甚至只是會寫一行 HTML 來讓 MySpace 的標題變粗,那麼你會發現 Cursor 是一個有趣的工具。

它確實允許你在不寫代碼的情況下構建應用程式,但有一些基本的程式架構知識會更有幫助。即便你沒有這些知識,你也可以將任何錯誤發送給聊天機器人,Cursor 會幫你糾正——不過有時候錯誤並不總是標記得那麼清楚。

Cursor 有一個免費方案,包含兩週的專業試用期,之後你仍可以使用一些基本功能進行簡單的程式設計。專業版每月費用為 20 美元,和 ChatGPTClaude 的價格差不多,並包含無限制的請求次數。


了解更多關於 Cursor AI

Cursor AI 是一個由 AI 驅動的程式碼編輯器和整合開發環境(IDE),旨在幫助開發人員更有效率地編寫、理解和除錯程式碼。以下是主要功能:

  1. 程式碼輔助:
  • 即時 AI 程式碼建議和自動完成
  • 程式碼解釋和文件生成
  • 錯誤修復協助
  • 程式碼重構建議
  1. 聊天介面:
  • 內建的 AI 聊天功能,用於程式碼相關問題
  • 根據您的程式碼庫提供情境感知的回應
  • 能夠解釋程式碼片段或生成新程式碼
  1. IDE 功能:
  • 具有語法高亮的程式碼編輯
  • 檔案管理
  • Git 整合
  • 終端機存取
  • 多語言支援
  1. AI 整合:
  • 最初基於 GPT 模型開發
  • 可配置使用不同的語言模型
  • 可通過提示和規則檔案自訂

您可以將它想像成類似 VS Code 或其他程式碼編輯器,但具有整合式 AI 功能,可幫助您更快地編寫程式碼並更好地理解程式碼。AI 可以協助編寫新函數、解釋複雜程式碼、提出改進建議,並協助除錯。

它類似於 GitHub Copilot,但它是一個完整的 IDE,而不僅僅是程式碼完成工具。主要區別在於 Cursor 提供了一個更完整的開發環境,並在整個使用體驗中深度整合了 AI 功能。


Cursor AI 的核心特色

Cursor AI 近年來在程式領域逐漸獲得矚目,它的關鍵亮點在於以人工智慧技術協助開發者更快速、更直觀地撰寫程式碼。許多工程師透過 Cursor AI 提升了程式效率,同時也能減少手動除錯的時間。由于它主打與多種開發工具整合,再加上支援多種編程語言,因此在程式社群中人氣頗高。

Agent模式與Ask模式比較

Cursor AI的AI對話面板中有一個模式選單,可切換「Agent模式」與「Ask模式」。以下以表格呈現兩種模式的主要差異:

模式 用途 特點
Agent模式 實際修改或新增程式碼檔案 可直接在多個檔案中插入、刪除或修改程式碼
Ask模式 查詢程式碼、設計建議、理論或教學問題 側重解釋程式邏輯、最佳化策略與設計思路

若想要大幅度改寫、建立或刪除檔案,建議透過Agent模式,讓Cursor AI自行完成各種跨檔案的流程;若是想要請Cursor AI解釋程式、討論設計概念或了解某段程式碼運作原理,則可切換至Ask模式。


選擇與切換最佳AI模型

Cursor AI可使用多種最新的AI模型,例如開發者熟知的OpenAI與Anthropic。經驗顯示Claude 3.5(相對於Claude 3.7)寫出來的程式相對精簡,不會過度撰寫冗長無用的程式碼,是許多工程師常用的首選。當然,後續有機會Claude 3.7會逐漸提升其穩定度與效果,屆時再視需要做動態調整。

使用Cursor AI快速建立React與Tailwind基礎專案

即使您完全不熟悉React或Tailwind,也能透過Cursor AI的Agent模式來生成初始專案架構,例如:

  1. 在AI面板輸入要求建立新的React + Tailwind 專案。
  2. Cursor AI即會自動產生安裝指令及初始檔案,包括像是Tailwind設定、App.tsx修改等。
  3. 程式碼產生後,可到下方終端機執行npm run dev或相應指令以啟動開發伺服器,並預覽畫面。

若出現畫面過大、樣式有誤等問題,也可在同一個對話中向Cursor AI描述錯誤,讓Agent模式做後續修正。假如已修改到過度混亂,也能把對話回到先前的Checkpoints,恢復到指定歷史版本,以免耗費大量時間手動回滾。

建置互動功能:以程式AI快速添加小遊戲

Cursor AI並非只能生成靜態的網頁,也能快速幫您加上一些互動元件。例如,想嵌入一個貪食蛇小遊戲:

  1. 在新的對話串中要求Cursor AI「新增Snake遊戲檔案並匯入至App.tsx」。
  2. Agent模式會自動建立新檔GameSnake.tsx(或類似命名),再修改主程式碼的匯入與渲染邏輯。
  3. 若有鍵盤方向鍵捲動整個視窗這類問題,也能請Cursor AI繼續優化。
這種「看到問題、持續對話修正」的流程,非常符合真實程式開發環境中不斷測試與迭代的狀況。

在大型專案中的實戰運用

若您手上已有一個複雜的專案(例如筆記系統、多人協作環境),同樣能讓Cursor AI同時處理前後端程式碼:

  1. 像「NotesPanel」或「GroupsPanel」這類檔案,可透過「@檔名」的方式在對話中標記。
  2. 讓Cursor AI知道相關的API串接檔、後端主要方法等,也一併「@」指定。
  3. 在同一段提示文字裡要求新增相應功能,Cursor AI就會自動寫出API控制器、整合前端畫面或後台服務,並協助修正程式碼風格或lint錯誤。

透過多次的迭代對話,Cursor AI可一步步修正衝突、語法錯誤或漏寫的部分,直到整個功能達到您想要的效果。

管理Context與外部文件

Cursor AI强大的地方,在於可讀取並整合多種上下文。除了直接「@檔名」外,

  • 加入「@Doc」可引入官方文件,無需手動搜尋。
  • 使用「@Web」則能讓Cursor AI自行搜尋Github或其他網路資源,為您帶回可能的解法。
  • 上傳或貼上一張設計參考圖,也能讓Cursor AI根據該圖的風格進行版面配置。
Cursor AI - 自動補完

其他Cursor AI輔助功能

  1. 自動補完:
    在程式碼編輯區直接打字時,Cursor AI會推測可能的程式碼片段,按下Tab即可自動套用。
  2. 選中程式碼後「Ctrl + K」:
    針對選擇的範圍向Cursor AI提出更精細的修正需求,例如「優化這段邏輯」「加入備註」等。
  3. 命令產生器:
    在終端機用「Ctrl + K」即可輸入想執行的功能,Cursor AI即會產生對應的shell指令。
  4. 安全機制:
    • .gitignore與cursor.ignore:可阻擋敏感檔案被提交到Cursor AI的上下文。
    • Cursor Rules:若在專案根目錄創建cursor.rules檔,可設定AI回應的風格或慣例,例如每次都要先寫測試程式再建置功能。

MCPs與未來展望

MCPs(Modular Code Protocols)是一種新興協定,能讓像Cursor AI此類的智能代理跟不同系統交互。未來若能整合更多外部工具與日誌,人們可能只需一段提示,就能同時讀取瀏覽器LOG、後端日誌等資料,使整個查錯與修正流程更加一致。

提升Cursor AI工作效率的小建議

  1. 明確描述需求:
    以「請在App.tsx新增蛇形遊戲」為例,務必清楚說明檔案名稱或功能目標,讓Cursor AI能精準處理。
  2. 多用對話串分割:
    遇到新功能就開啟新的對話,可避免前後需求混淆,降低錯誤率。
  3. 善用Checkpoints:
    若Cursor AI改動過多導致程式失控,隨時可回到先前的版本點。
  4. 經常檢視程式碼:
    對話完畢後,最好瀏覽Cursor AI所產生或修改的檔案,確保結構符合專案風格並維持程式品質。

入門與最佳實踐

對於初學者,共識是從簡單任務開始,如創建新專案或修改程式碼。影片如 Cursor AI tutorial for beginners 和文章如 Getting Started with Cursor AI 建議使用基本功能如 Ctrl+K 編輯和聊天功能查詢。這種漸進方法幫助建立信心,強調熟悉基於 VS Code 平台的介面。

撰寫有效提示

X 貼文和 Reddit 討論提示重要性。例如,@AbhishekGanesxn 的 X 貼文 (ONE tip I would like to share) 建議使用 ChatGPT 精煉提示,確保 Cursor AI 準確理解需求。另一策略,@PrajwalTomar_ 的 X 貼文 (Cursor Pro Tip) 建議提示結尾加上「Explain the full approach you’d take to implement this. Just tell, don’t code」,讓使用者檢閱計劃,減輕誤解。

管理大型程式碼庫

Reddit 討論串如 Cursor Tips & Tricks 強調定期清理和重新組織,防止程式碼庫變得難以管理,可能混淆 Cursor AI。創建 cursor rules,如 I'm really disappointed with Cursor AI (Paid sub) 中所述,指導 AI 行為,確保編碼風格一致。Cursor 的自定義檢索模型,在 Features | Cursor 中詳細說明,減少手動上下文添加,適合大型專案。

測試與驗證策略

測試是關鍵領域,X 貼文如 @evilsocket (Quick tip for Cursor and AI-for-coding users) 倡導全覆蓋單元測試,通過 Cursor AI 迭代運行和修復。Reddit 討論如 Cursor AI tips from past 2 months of usage 強調開發後驗證功能,確保早期錯誤檢測。

利用進階功能與模式

Cursor AI 的模式——AI Chat、Composer 和 Agent——經常被討論。@moritzkremb 的 X 貼文 (Cursor beginners usually struggle with when to use which AI mode) 提供指南,建議 AI Chat 查詢、Composer 定義任務、Agent 廣泛範圍。以下表格清晰總結:

模式 用途
AI Chat 查詢和解釋選定程式碼,提供控制
Composer 處理定義任務如重構、編輯
Agent 管理廣泛範圍的任務如專案設置

進階功能如 YOLO 模式,在 How I use Cursor (+ my best tips) 中討論,允許自動化操作,但需謹慎避免錯誤,反映自動化與監督平衡。

初學者提示與常見陷阱

建議初學者從簡單開始,如 YouTube 影片 Cursor AI For Beginners: Build a Website 中所見,逐步探索複雜功能。常見陷阱,如 Reddit 貼文 Cursor is not nearly as good as this sub makes it sound, what's going on? 指出,包括模糊提示和過度依賴 AI 無驗證。整合版本控制如 Git,如 An Idiot's Guide To Bigger Projects 建議,有助管理變更。


個人觀點與未來展望

身為一名致力於追蹤 AI 產業趨勢的工程師,我認為 Cursor AI 之所以能在短時間內受到開發者欣賞,除了功能強大外,更重要的是它在新手友善與專業實用之間保持了平衡。我預測未來它會在團隊協作、程式品質檢測等面向持續演進,並因為不斷收集社群回饋而更趨完善。

更多資源與討論連結

以下整理了一些來自 Reddit、YouTube,以及 Cursor AI 相關教學或資訊的連結,供對 Cursor AI 感興趣的讀者參考:

Title & Link 說明
Cursor AI Official Site Cursor AI 官方網站,了解最新功能與更新公告
Reddit Discussion: Cursor AI Feedback Reddit 的使用者在此分享實際開發與心得
YouTube Tutorial: Getting Started with Cursor AI 由創作者詳細示範如何在專案中應用 Cursor AI

總的來說,Cursor AI 在程式開發領域已經展現了令人印象深刻的影響力。隨著社群上更多開發者分享經驗以及官方持續推出功能更新,它勢必在產業中持續占有一席之地。如果你想加速開發流程,不妨嘗試在你的 IDE or 編輯器中整合 Cursor AI,相信它會是提升工作效率的強力助攻。


了解更多關於 Cursor


更多 AI 程式開發工具


更多來自 Tenten AI 的文章

CURSOR AI 常見問題

  1. Q: CURSOR 是什麼?
    A: CURSOR 是一款以人工智慧為核心的程式碼編輯器,能夠幫助使用者快速生成程式碼,實現應用程式創意,並且與 Claude 3.5 Sonnet 和 GPT-4o 等模型整合。
  2. Q: CURSOR AI 適合哪些使用者?
    A: CURSOR AI 適合各程度的開發者使用,無論是新手還是資深工程師。即使對程式開發毫無經驗,也可以上手使用。
  3. Q: CURSOR AI 的主要優勢是什麼?
    A: CURSOR 提供快速生成代碼、修改和解決問題的能力,並致力於將程式設計中的 95% 自動化,讓開發者專注於創造性部分。
  4. Q: CURSOR 的定價是多少?
    A: CURSOR 提供免費方案,包含兩週免費的專業版試用期。專業版每月訂閱費用為 20 美元,且提供無限制的請求次數。
  5. Q: 利用 CURSOR AI 具備什麼能力的程式設計知識是有幫助的?
    A: 擁有基本程式架構知識會更有幫助,但即便沒有深厚的程式背景,CURSOR AI 仍可協助用戶糾正錯誤。
Share this post
Ewan Mak

I'm a Full Stack Developer with expertise in building modern web applications that fast, secure, and scalable. Crafting seamless user experiences with a passion for headless CMS, Vercel and Cloudflare

Loading...