我對 Cursor + Claude Sonnet 的第一次體驗

我第一次使用 Cursor 作為 IDE 和 Claude 3.5 Sonnet 來開發軟體

相信現在你已經聽過，或至少看過一些與Cursor相關的東西。如果沒有，請根據其自己的文件對其進行簡要描述：

遊標是 VS Code 的一個分支。這使我們能夠專注於打造最佳的人工智慧編碼方式，同時提供熟悉的文字編輯體驗。

總而言之，Cursor 是一款 IDE，其整合度和功能與使用 AI 進行軟體開發直接相關。

話雖如此，讓我們看看我的經驗:)

我在這裡留下了儲存庫的連結：生命遊戲

我的背景

為了讓您更深入地了解我的經歷，我將在這裡留下一些可能與結果相關的資訊以及我的最終考慮：

• 我是軟體開發人員，更具體地說是擁有 5 年經驗的前端
• 我擁有電腦科學學位
• 除了 Github Copilot 之外，我從未使用過任何涉及 AI 的 IDE 等級擴充
• 是的，我在日常生活中使用ChatGPT（對此我有幾點看法，但這是下一篇文章的內容）

像每一次體驗一樣，我們需要定義規則：

我需要接受人工智慧產生的程式碼建議
使用英語作為溝通語言
我無法更改程式碼以找到錯誤的解決方案和/或提高生成內容的品質
目標
為了測試已經指出的所有內容，目標是使用 Angular 17 實現 Jhon Cornway 的「生命遊戲」的互動版本（是的，該版本與本文的內容相關）

生命遊戲

生命遊戲是一種細胞自動機，它有一些明確的規則：

• 一個活細胞如果有 2 或 3 個活鄰居，它仍然存活。
• 少於 2 個活著的鄰居的活細胞死亡。
• 一個有超過 3 個活著的鄰居的活細胞死亡。
• 一個死細胞，剛好有 3 個活著的鄰居，就會變得活起來。

提示

如前所述，整個互動使用的語言是英語，並且命令直接明確，例如：

在螢幕的全寬和高度的網格中實現「生命遊戲」。
新增一個隨機化網格的按鈕和另一個將要啟動的按鈕
模擬。請使用 Angular Material 樣式

重要提示：我決定在測試後不久寫這篇文章，並且我丟失了命令和結果的歷史記錄，所以我不能100% 寫下我所寫的內容，這解釋了每個結果的缺失命令。不過，我會跟進這個計畫的後續步驟和演變。

對於每次程式碼生成，我接受所有內容，運行它並要求進行更正，例如佈局調整、邊距、錯誤等。

代碼品質

我不能說程式碼是完美的，但我可以輕鬆地說，始終生成可讀且可理解的程式碼，以便在必要時我能夠幹預並糾正/改進生成的某些內容。

錯誤/問題

就像我們這些有血有肉的程式設計師一樣，人工智慧也會產生錯誤，我的第一次接觸也不例外。我在佈局中的元素定位方面遇到了很多問題（例如按鈕的統計資訊和可見性），網格顏色方面存在一些問題，主要問題是：模式檢測系統不起作用（但它被列為後續步驟） 。

即使存在問題，生成的程式碼也是可靠的並解決了所要求的問題，需要在這裡或那裡進行一些調整。值得強調的是，生命遊戲的規則全部執行，沒有任何問題或需要調整。

時間

考慮到我仍在習慣快捷方式並測試執行提示的一些方法，我相信我在整個專案上花了不到 1 小時 30 分鐘。雖然這不是一個非常複雜的項目，但我至少需要 2 倍的時間（樂觀）才能以相同的方式實現它。

積極點

• 快速程式碼產生
• 為每個命令添加上下文的靈活性使得修復錯誤、創建函數和查找您可能不知道的問題變得更加容易
• 有效的程式碼:)
• 基於 VSCode 的 IDE，因此我可以簡單地導入我日常生活中使用的所有內容

缺點

• 有些問題還是很難解決（主要是版面相關）
• 雖然程式碼可以正常運行，但某些實作還有一些不足之處

結論

我對所製作的所有內容的品質感到非常驚訝和非常滿意，我相信我可以從中受益匪淺，每天進行手動和重複性工作，例如生成測試、修復簡單的錯誤、創建MVP 和概念很簡單，所以我仍然需要進行調整，以便程式碼的品質令我滿意。

下一步

現在第一個原型已經製作完成，下一步將是為該專案創建新功能（我真的很想修復模式檢測並添加一些預先實現的模式，例如邏輯門）。此外，我將使用我不掌握的技術（但我想像 Three.js 一樣學習）創建應用程序，不僅接受程式碼，而且調整和提高生成的品質以了解真正的潛力。

啊，我也想看看v0是如何運作的（看起來很有趣）。

再次連結到 Github 上的儲存庫：生命遊戲。

如果您已經讀到這裡，非常感謝您:)
在這裡留下您對未來帖子的評論或建議

以上是我對 Cursor + Claude Sonnet 的第一次體驗的詳細內容。更多資訊請關注PHP中文網其他相關文章！