作为一名产品经理,一个入门级的前端开发,我使用 cursor 已经有一周的时间,目前完成了一个浏览器插件的的修改、多个页面优化、一个 chatbot 对话框。
全程自然语言,写的代码不超过 10 ,花费时间累计一天。毫不夸张的说 cursor 可以让人人都是程序员。有了这个工具,产品经理、设计师和程序员的界限,都将变得模糊。Midjourney 出现的时候,很多设计师害怕丢了工作,事实上文生图的确改变了很多企业的设计流程,并因此而裁员。现在 Cursor 的出现,设计师似乎不需要担心了,因为你拿着 UI 图,用自然语言,就可以搞定前端开发。当然,它利好的还得是程序员群体,正如 Cursor 官网所写:让编程变得更加轻松、愉悦和有趣。帮助全世界的开发者专注于更大的问题。但是 Cursor 并不像 GPT 那样简单,使用是有门槛的,毕竟是它是个代码编辑器,这篇文章就来分析下这个产品,并给一个详细的上手教程。Cursor 是一个在 VScode 上改进的代码编辑器, 可以试用两周,免费调用 GPT4、Claude sonnet 3.5 的生成能力,也可以自定义 API。相比于其他 AI 辅助编程的产品,Cursor 开创了 编程+AI 最好的交互方式。
最好的方式就是建立交互标准,用户使用一次,必定占领心智。正如 22 年底 Notion AI 上线,通过空格唤起 AI,使用 inline chat,已经成为了多数文档类产品的设计标准。- Cursor chat:通过⌘/Ctrl L,唤起 AI 对话框,还可以引用编辑器任意内容提问,最牛的是,回答的内容应用到当前代码或所有文件,都会区分版本差异,就像 git 提交审核版本一样,用户可以查看出 AI 改了啥,要不要应用。
- Cursor Tab:cursor 可以预测编码时可能会去的下一个位置以及要编写的内容,以灰色字体显示,按下 Tab 就能补充,这个我在体验的时候,绝对的 Ahamoment,准确率非常高,感觉它有读心术。
- 编辑对话框:有点像 Notion 的 inline 交互,框选代码后,⌘/Ctrl K 唤起对话窗口,通过自然语言生成新代码或编辑现有代码。还可以使用 @ 符号引用上下文。
- 跨文件修改:Cursor 的代码库是基于整个 Project,修改一个函数,其他文件也会修改。这是因为 Cursor 会将整个工程文件向量化。
还有很多功能和细节处理,待你自己去发现,下面是它的常用快捷键,对于作为键盘党的程序员十分友好:
在 Windows/Linux 上, 使用 Ctrl 键代替 ⌘ (Command) 键。安装 Cursor 后,新用户可以免费试用 14 天,使用 Claude3.5 就可以了。如果你没有编程基础,下面我们通过一个项目,花费半天时间,就可以掌握这个工具的使用。项目目标:通过 Cursor 上线一个 AI 对话网站,学会 Cursor 的基础使用。技术栈:Next.js + TailwindCSS 写代码,github 托管代码,可选择部署到 Vercel 或本地使用。- 了解 Next.js 的代码结构,创建一个代码文件夹(如果不会让 AI 指导创建)
- 打开本地 Terminal,本地安装 npm、next、react 环境(同样不会让 AI 指导)
- 用 cursor 打开上述文件夹,打开 page.tsx 文件,描述需求:
请生成一个 AI 对话框页面,居中显示,页面名称为 xx,默认提示 xxx,按照 OpenAI API 格式,支持在代码层面配置 API URL、API key、model 参数
- 生成完成后,去大模型开放平台,推荐智谱,获取 API URL、API key,填入上述代码
- 通过和 AI 对话不断修改,在 Terminal 运行 npm run dev ,查看效果,不断对话修改,直到完成。
- 至此,你已经创建了一个 AI 对话助手,学习 git 和 vercel 的使用,可以构建部署。
以上是一个大致的学习路线,如果缺少某些方面知识,就找 AI 补充,一两天时间足够学会。构建成功一个项目,就可以发现,做一个小网站,甚至一个 APP ,只需要了解代码的结构和基本语法,就可以动手开工了。产品经理、设计师都不要害怕不会代码了,打开 Cursor,它不仅创造了最快的实现路径,而且也能快速的学习代码。你还可以去 Github 下载一些开源项目,通过 Cursor 修改,比如制作个人博客网站。下面是一个收集了 cursor 各种优质 prompt 的网站,等入门以后,就可以用起来快。https://cursor.directory/我在用的时候不会惊叹 AI 的生成能力有多强了,而是感叹幕后团队找到了最佳的技术和产品结合点。他们知道用户的痛点在哪。AI 的能力足够强了,但给它找到场景,做出应用,多少公司在做,却没几个找到 PMF。代码生成相比于文字生成,更有确定性,毕竟不管怎么写,最终指向能 work 的结果就是对的。要把生成的技术像 Cursor 这样应用好,技术上的挑战不少,怎样做到把输出结果与代码文件无缝结合。我在cursor 官网的 Blog 里,找到了他们公开的难题和挑战,以及未来产品规划 ,如下表。国外做 AI IDE 的产品不下少数,这还是初创团队,就敢于把自己的路线和难题公开,丝毫不惧怕大小企业抄袭,而像他这样做的公司不在少数,如此的创业文化和团队能力怎不让人佩服。
Cursor 团队的核心成员,最初由 4 个 MIT 高材生组成,现在扩充到 12 个人,23 年刚成立 ,就获得 OpenAI 投资。(从左至右依次为:Aman Sanger、Arvid Lunnemark、Sualeh Asif、Michael Truell)- Aman Sanger:印度裔,2022年毕业于麻省理工学院,主修数学与计算机科学。Aman在AI和编程领域有丰富的经验,曾在Gamelon、Bridgewater、McKinsey、Google和You.com等公司工作
- Sualeh Asif:来自巴基斯坦,曾于2016-2018年连续三年代表巴基斯坦参加国际数学奥林匹克竞赛(I.M.O.),后毕业于麻省理工学院,并曾任职于IBM沃森实验室
- Michael Truell:2022年毕业于麻省理工学院,主修数学与计算机科学,曾在Two Sigma和谷歌实习
- Arvid Lunnemark:来自瑞典,2018年代表瑞典参加国际数学奥林匹克竞赛(I.M.O.),并获金牌;之后毕业于麻省理工学院,曾就职于Jane Street量化交易部门
最近这个团队获得 a16z 6000 万美元投资。投资完 Cursor 后,a16z 写的一篇文章写道:“在过去几十年中,各种公司一直在不断改进和迭代集成开发环境(IDE)。现今,AI代码助手的复杂性已大大增加,它们需要找到一种新颖、自然且不干扰工程师工作流程的交互方式。这样的产品非常难以设计得恰到好处。目前而言,Cursor 在AI编程工具领域中表现卓越,可以说是同类产品中的佼佼者。”
最后,分享 cursor 的官网 blog 中的这段话:我们的目标是创造一个神奇的工具,旨在编写全球的软件。
在 Cursor 中,原本需要花费数小时寻找合适的基本元素的过程,现在被即时回答取代。我们希望 Cursor 能让你指挥 AI 驱动的编辑器,以自然语言形式查看和修改系统,查找任何潜在的 bug 痕迹,实现更多功能。
产品星球是一个关注产品的媒体,在 http://pmplanet.cn 或点击阅读原文,你可以看到产品星球所有公开创作,也欢迎咨询加入我们的社群和知识库,获取每日推送。过去关于 AI 的几篇文章推荐: