這是小卷對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版本試用期,足夠我們使用了。

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

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

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

3.2 新增/修改代碼、文字
如果只想修改部分代碼,可以鼠標(biāo)選中后,使用Command + K打開窗口,并輸入修改要求;
不選中代碼的情況下,打開窗口,可以要求AI實(shí)現(xiàn)新增的功能,比如這里我想增加一個廣告位,效果如下:


3.3 自動補(bǔ)全代碼、注釋、文字
輸入代碼或者注釋,Cursor可自動補(bǔ)全代碼,按Tab鍵生效
比如下面我寫了一行注釋,按Tab鍵后,自動生成對應(yīng)功能的代碼

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

3.4 對話窗口
Mac上使用Shift + Command + L打開Chat窗口,在窗口里輸入需求,AI能為我們提供不同的方案
根據(jù)生成的代碼,點(diǎn)擊Apply,再點(diǎn)擊Accept,代碼就能應(yīng)用了,然后可以刷新網(wǎng)頁看下效果


3.5 項(xiàng)目理解
Cursor具備理解整個項(xiàng)目代碼的強(qiáng)大能力,注意是整個項(xiàng)目,不是單個代碼文件!
這里在Chat窗口輸入@Codebase然后要求AI分析代碼功能點(diǎn),這樣即使是舊的,沒人維護(hù)的項(xiàng)目,我們也能很快理清當(dāng)前的功能有哪些
以小卷的Github上的開源項(xiàng)目為例:

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

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)象

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

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

輸入指令時,為了避免大模型憑空捏造一些內(nèi)容出來,建議后綴加上這段話,可以避免無效輸出
請根據(jù)文件內(nèi)容進(jìn)行查找,如果找到,引用原文進(jìn)行回答,并返回引用原文的地址,如果找不到,請回復(fù)不知道,一定不要胡編亂造
下面是演示效果:

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