使用Cursor和Claude AI打造你的第一個App
1 Cursor簡介
Cursor是一款人工智能代碼編輯器,基于Visual Studio Code開發(fā),具備無縫集成的AI功能。
它支持多種人工智能模型,能夠與OpenAI、Anthropic、Google和Azure等主流平臺實現(xiàn)集成。
在實際使用中,Cursor與Claude 3.5模型的配合效果尤為理想,這一模型被成功應用于應用程序的開發(fā)過程中。
2 開始使用 Cursor
首先,需要在設(shè)備上安裝 Cursor。安裝完成后,創(chuàng)建賬戶并登錄。登錄后,可以創(chuàng)建一個新的文件夾,從頭開始編寫代碼。
對于大多數(shù)用戶來說,這可能是他們的首選步驟。不過,為了提供具體的示例,這里以構(gòu)建一個Mac應用程序為例。在這個例子中,我們會先創(chuàng)建一個Xcode項目。
請注意,你選擇的項目類型可能會影響你使用Cursor的具體方法。
創(chuàng)建好Xcode項目后,接下來就是在Cursor中打開這個項目文件夾了。
3 作曲家功能
使用Cursor時,如果從一個空文件夾開始,界面會顯示為空。而那些額外的文件,實際上是由Xcode創(chuàng)建的。
接下來,需要使用快捷鍵Command + K來打開“作曲家”功能。
雖然Cursor應用中集成了許多人工智能特性,但在這里,我們主要關(guān)注“作曲家”功能。
“作曲家”功能允許你指導AI從零開始構(gòu)建項目。
構(gòu)建完成后,你可以在“作曲家”視圖中引用多個文件,并進行編輯。
你只需提出想要進行的更改,并不斷迭代,直至達到預期的結(jié)果。
例如,讓我們通過“作曲家”來創(chuàng)建一個簡單的計時器應用程序。
I want you to create a mac app for me.
The app should be a simple timer, where there is the option to start timer.
By default have the option for 5, 10, 15, 20, 35 and an option to add custom timer interval.
The timer should run in background.
And when the timer finished, bring back the app window to front and play a loud timer completion sound.
Then it should show the option to stop timer.
4 構(gòu)建計時器應用程序
這是在 Cursor 作曲家中放入的提示。
Cursor自動生成了3個新的代碼文件,并完成了所有必要的編碼工作。
如果你具備豐富的編程經(jīng)驗和知識,可以直接檢查這些代碼,并根據(jù)需要接受或拒絕特定的更改。
如果是編程新手,那么可能需要先接受Cursor所做的所有更改,然后通過構(gòu)建應用程序來檢查是否存在任何錯誤。
在確認無誤后,可以繼續(xù)在Xcode中構(gòu)建應用程序,并預覽其效果。
5 調(diào)試與完善
我們來嘗試構(gòu)建這個應用程序,并看看目前的進展。
目前,計時器結(jié)束時沒有播放聲音,也沒有提供停止計時器的選項。
最初,我們希望這個應用程序能像鬧鐘一樣工作,即在用戶主動停止之前,聲音應該持續(xù)播放。
為了實現(xiàn)這一點,需要在項目中添加一個名為alarm.mp3的音頻文件,這一點在作曲家視圖中已有明確說明。
因此,仔細閱讀并理解人工智能的響應是非常重要的。
接下來,將再次使用作曲家功能,首先將Cursor AI創(chuàng)建的所有文件添加進去。
I think you missed certain things.
I want this to be a timer app, but behave like an alarm.
When the timer finished, the sound should play repetitiveyly, until the user press stop.
6 Cursor的迭代能力
Cursor應用程序的精妙之處在于其迭代能力。你可以在已有的基礎(chǔ)上不斷改進,直至達到滿意的結(jié)果。
按照這個提示操作后,應用程序就能完全按照預期工作了。如果遇到任何錯誤,只需將錯誤復制到作曲家功能中,它就能提供一個更優(yōu)的代碼版本。
就是用這種方法構(gòu)建了ZenFocus應用程序。
7 Cursor的其他AI特性
除了作曲家功能,Cursor還提供了其他一些人工智能特性,例如:
- Tab:這是一個強大的自動補全工具,能夠預測您的下一步編輯,并跨多行提供代碼建議。
- 多行編輯:它能夠一次性提出多個編輯建議,幫助您節(jié)省時間。
- 聊天:你可以與完全了解你代碼庫的AI進行對話,詢問例如“代碼有什么問題嗎?”之類的問題,或者請求特定的代碼文件或代碼塊。
