AI編程:cursor使用教程

這是小卷對AI編程工具學(xué)習(xí)的第1篇文章,今天以cursor為例,通過給提示詞,讓不懂編程的小白也能自己用代碼實(shí)現(xiàn)需求

1.什么是AI編程工具?

可以分為兩類:

狹義的AI編程工具

面向程序員的,主要用于提升寫代碼的效率

  • 豆包Marscode、Cursor這樣的AI編程IDE工具,就是專門為程序員提供的一個AI助手

  • 功能有:生成代碼、解釋代碼含義、優(yōu)化代碼結(jié)構(gòu)、查找代碼錯誤、回答編程問題

  • 工具的主要作用是輔助編程,寫代碼變得很輕松

廣義的AI編程工具

沒有編程基礎(chǔ)的人也能用的,可以自己創(chuàng)造應(yīng)用

  • 比如Coze、Dify這類智能體搭建平臺

  • 提供的功能有:可視化界面搭建、預(yù)設(shè)功能模塊、簡單邏輯配置、一鍵部署功能

  • 平臺提供搭積木的功能,用戶組合積木就能實(shí)現(xiàn)各種應(yīng)用程序

  • 這類工具就降低了編程門檻,普通人都能用上

2. Cursor的安裝

訪問Cursor的官網(wǎng):https://www.cursor.com/ 下載客戶端到本地,注冊賬號時可以選擇谷歌郵箱登陸,新注冊的賬號有14天的Pro版本試用期,足夠我們使用了。

1.png

3.基本功能使用

3.1創(chuàng)建代碼結(jié)構(gòu)

Mac用戶使用Command + i 可以喚醒Composer,然后我們輸入提示詞創(chuàng)建代碼結(jié)構(gòu)

2.png

然后可以用瀏覽器打開index.html文件查看效果

3.png

Cursor還有一些快捷鍵的功能,可以自行打開設(shè)置里的Keyboard Shortcuts查看

4.png

3.2 新增/修改代碼、文字

如果只想修改部分代碼,可以鼠標(biāo)選中后,使用Command + K打開窗口,并輸入修改要求;

不選中代碼的情況下,打開窗口,可以要求AI實(shí)現(xiàn)新增的功能,比如這里我想增加一個廣告位,效果如下:

5.png
6.png

3.3 自動補(bǔ)全代碼、注釋、文字

輸入代碼或者注釋,Cursor可自動補(bǔ)全代碼,按Tab鍵生效

比如下面我寫了一行注釋,按Tab鍵后,自動生成對應(yīng)功能的代碼

7.png

除了補(bǔ)齊代碼功能外,還有補(bǔ)齊文字的功能,比如下面的示例:

8.png

3.4 對話窗口

Mac上使用Shift + Command + L打開Chat窗口,在窗口里輸入需求,AI能為我們提供不同的方案

根據(jù)生成的代碼,點(diǎn)擊Apply,再點(diǎn)擊Accept,代碼就能應(yīng)用了,然后可以刷新網(wǎng)頁看下效果

9.png
10.png

3.5 項(xiàng)目理解

Cursor具備理解整個項(xiàng)目代碼的強(qiáng)大能力,注意是整個項(xiàng)目,不是單個代碼文件!

這里在Chat窗口輸入@Codebase然后要求AI分析代碼功能點(diǎn),這樣即使是舊的,沒人維護(hù)的項(xiàng)目,我們也能很快理清當(dāng)前的功能有哪些

以小卷的Github上的開源項(xiàng)目為例:

11.png

3.6 全局搜索

我們還可以將其當(dāng)做一個搜索工具,比如我們想找項(xiàng)目的某個功能點(diǎn)在哪個代碼文件里,直接文字輸入就行

12.png

4.自動爬取網(wǎng)頁內(nèi)容輔助編程

用戶可以給Cursor提供需要分析的網(wǎng)頁,Cursor會自動爬取,作為輔助知識進(jìn)行開發(fā)。該功能可以理解為聯(lián)網(wǎng)查詢,不過存在一些缺陷

靜態(tài)網(wǎng)頁爬取成功率較高,非靜態(tài)網(wǎng)頁爬取較難,可以完全爬不了?。?!

操作方法:在Setting > Cursor Setting > Features設(shè)置里,在Docs位置進(jìn)行配置

  • Name:指令名稱

  • Prefix:待爬取的網(wǎng)頁地址的前綴,這樣可爬取多個網(wǎng)頁

  • EntryPoint:網(wǎng)頁地址

這里我們以菜鳥教程的地址為例,將所有python3作為前綴的網(wǎng)頁內(nèi)容爬取下來,注意因?yàn)榫W(wǎng)站都有反爬機(jī)制,所以失敗也是正常現(xiàn)象

13.png

點(diǎn)擊Confirm后,就會開始爬網(wǎng)頁,需要等待一段時間,爬取結(jié)束后,點(diǎn)擊See page按鈕可以查看已經(jīng)爬下來的網(wǎng)頁

14.png

接下來,我們就可以根據(jù)爬取的內(nèi)容對話了,需要引用到文件時在Chat窗口使用@調(diào)出指令

15.png

輸入指令時,為了避免大模型憑空捏造一些內(nèi)容出來,建議后綴加上這段話,可以避免無效輸出

請根據(jù)文件內(nèi)容進(jìn)行查找,如果找到,引用原文進(jìn)行回答,并返回引用原文的地址,如果找不到,請回復(fù)不知道,一定不要胡編亂造

下面是演示效果:

16.png

5.小結(jié)

以上就是關(guān)于Cursor工具的基本功能使用教程了,下篇文章將會結(jié)合實(shí)際案例來講AI編程工具的實(shí)際應(yīng)用,我是卷福同學(xué),記得給我點(diǎn)個關(guān)注吧!??!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容