首頁 > web前端 > js教程 > 我對 Cursor + Claude Sonnet 的第一次體驗

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

WBOY
發布: 2024-09-03 17:04:01
原創
1247 人瀏覽過

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

Minha primeira experiência com Cursor + Claude Sonnet

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

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

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

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

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

我的背景

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

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

像每一次體驗一樣,我們需要定義規則:

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

生命遊戲

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

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

Minha primeira experiência com Cursor + Claude Sonnet

提示

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

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

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

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

代碼品質

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

錯誤/問題

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

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

時間

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

積極點

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

缺點

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

結論

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

下一步

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

啊,我也想看看v0是如何運作的(看起來很有趣)。

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

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

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

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板