各位,还记得前段时间我们聊过的那个爆火的编程工具 Cursor 吗?
有没有小伙伴下载完 Cursor 后就陷入了迷茫?
前几天,我分享过 Cursor 的基础教程以及它与其他编程工具的区别。
然而,很多小伙伴对 Cursor 到底如何快速上手,以及能做出什么实用的东西还是保持质疑的。
为了响应一些小伙伴们的需求,我将过去两周关于 Cursor 的所有实践整理成一篇教程,希望能有所帮助。
看完本教程,你将收获:
-
Cursor 和其他编程工具的区别。
-
Cursor 入门:安装和使用
-
Cursor 初阶案例:开发谷歌插件
-
Cursor 进阶案例:开发卡密系统
-
还有很多加餐项....
内容比较干,请自备饮料。话不多说,我们一起来看一下。
一、效果展示
先剧透下 Cursor 生成程序的效果,让大家有动力继续看下去(手动狗头)~
一)谷歌插件
自动分割图片为四等份:
Cursor 快速开发谷歌插件
根据域名自动分组浏览器 Tab:
Cursor 快速开发谷歌插件
二)卡密系统
功能包含:用户管理、卡密管理、卡密统计
二、Cursor 与其他编程工具的区别
相对于其他工具,Cursor 有这些更好用的功能:
-
模型更全面,选择更灵活。
-
全局引用,随心所欲。
-
一键全局创建代码
-
更多好用的功能
当然,我觉得最好用的还是 Composer。
我们使用其他工具时,需要通过聊天得到一段一段的新功能代码,然后分别创建文件,粘贴代码。
虽然一个一个确认让人更放心,但是功能复杂的情况下涉及文件过多,就会耗时耗力。
Composer 它可以帮助我们快速地、有序地创建多个文件,以满足我们的要求,效率将大大提升。
详情请查看: Cursor vs GitHub Copilot、通义灵码,谁才是真正的王者_gitlab copilot vs cursor-优快云博客
三、初体验: Cursor 的安装和使用
讲解具体案例之前,我们先了解下工具怎么注册和使用的。
安装和使用前,请自备 魔法 !
教程包含:
-
工具的注册和安装
-
全局创建代码结构
-
新增、修改代码
-
自动补全
-
对话窗口、全局搜索等其他功能
详情请查看:有了 Cursor 后,真没理由说不会写代码了_cloudflare 副总裁 女儿-优快云博客
四、初阶案例:谷歌插件
适用人群:没有编程基础的小伙伴
备注:案例比较简单,大家仔细阅读 AI 回答的结果即可。
去年 9 月,我用 ChatGPT 编写过自己的第一个 Chrome 插件:
我们来将 ChatGP