查看原文
其他

使用 Cursor,人人都是程序员

是空格 PM产品星球
2024-10-21
作为一名产品经理,一个入门级的前端开发,我使用 cursor 已经有一周的时间,目前完成了一个浏览器插件的的修改、多个页面优化、一个 chatbot 对话框。
全程自然语言,写的代码不超过 10  ,花费时间累计一天。毫不夸张的说 cursor 可以让人人都是程序员。
有了这个工具,产品经理、设计师和程序员的界限,都将变得模糊。
Midjourney 出现的时候,很多设计师害怕丢了工作,事实上文生图的确改变了很多企业的设计流程,并因此而裁员。
现在 Cursor 的出现,设计师似乎不需要担心了,因为你拿着 UI 图,用自然语言,就可以搞定前端开发。
当然,它利好的还得是程序员群体,正如 Cursor 官网所写:
让编程变得更加轻松、愉悦和有趣。帮助全世界的开发者专注于更大的问题。
但是 Cursor 并不像 GPT 那样简单,使用是有门槛的,毕竟是它是个代码编辑器,这篇文章就来分析下这个产品,并给一个详细的上手教程。

    Cursor 产品特点

    Cursor 是一个在 VScode 上改进的代码编辑器, 可以试用两周,免费调用 GPT4、Claude sonnet 3.5 的生成能力,也可以自定义 API。
    相比于其他 AI 辅助编程的产品,Cursor 开创了 编程+AI 最好的交互方式。
    最好的方式就是建立交互标准,用户使用一次,必定占领心智。
    正如 22 年底 Notion  AI 上线,通过空格唤起 AI,使用 inline chat,已经成为了多数文档类产品的设计标准。
    Cursor 是如何处理交互的呢?
    1. Cursor chat:通过⌘/Ctrl L,唤起 AI 对话框,还可以引用编辑器任意内容提问,最牛的是,回答的内容应用到当前代码或所有文件,都会区分版本差异,就像 git 提交审核版本一样,用户可以查看出 AI 改了啥,要不要应用。
    2. Cursor Tab:cursor 可以预测编码时可能会去的下一个位置以及要编写的内容,以灰色字体显示,按下 Tab 就能补充,这个我在体验的时候,绝对的 Ahamoment,准确率非常高,感觉它有读心术。
    3. 编辑对话框:有点像 Notion 的 inline 交互,框选代码后,⌘/Ctrl  K 唤起对话窗口,通过自然语言生成新代码或编辑现有代码。还可以使用 @ 符号引用上下文。
    4. 跨文件修改:Cursor 的代码库是基于整个 Project,修改一个函数,其他文件也会修改。这是因为 Cursor 会将整个工程文件向量化。
    还有很多功能和细节处理,待你自己去发现,下面是它的常用快捷键,对于作为键盘党的程序员十分友好:

    在 Windows/Linux 上, 使用 Ctrl 键代替 ⌘ (Command) 键。

      上手指南

      安装 Cursor 后,新用户可以免费试用 14 天,使用 Claude3.5 就可以了。
      如果你没有编程基础,下面我们通过一个项目,花费半天时间,就可以掌握这个工具的使用。
      项目目标:通过 Cursor 上线一个 AI 对话网站,学会 Cursor 的基础使用。
      技术栈:Next.js + TailwindCSS 写代码,github  托管代码,可选择部署到 Vercel 或本地使用。
      步骤:
      1. 了解 Next.js 的代码结构,创建一个代码文件夹(如果不会让 AI 指导创建)
      2. 打开本地 Terminal,本地安装 npm、next、react 环境(同样不会让 AI 指导)
      3. 用 cursor 打开上述文件夹,打开 page.tsx 文件,描述需求:
      4. 请生成一个 AI 对话框页面,居中显示,页面名称为 xx,默认提示 xxx,按照 OpenAI API 格式,支持在代码层面配置 API URL、API key、model 参数
      5. 生成完成后,去大模型开放平台,推荐智谱,获取 API URL、API key,填入上述代码
      6. 通过和 AI 对话不断修改,在 Terminal 运行 npm run dev ,查看效果,不断对话修改,直到完成。
      7. 至此,你已经创建了一个 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 中,原本需要花费数小时寻找合适的基本元素的过程,现在被即时回答取代。
        自然语言扩展为可运行的源代码。
        机械化的重构函数被简化为单一的“Tab”操作。
        千行代码的修改,可以在几秒钟内迅速生效。
        我们希望 Cursor 能让你指挥 AI 驱动的编辑器,以自然语言形式查看和修改系统,查找任何潜在的 bug 痕迹,实现更多功能。
        ….

        产品星球是一个关注产品的媒体,在 http://pmplanet.cn 或点击阅读原文你可以看到产品星球所有公开创作,也欢迎咨询加入我们的社群和知识库,获取每日推送。过去关于 AI 的几篇文章推荐:
        模型 API 才是打开 AI 的最佳方式
        新手友好的 AI 学习指南
        AI 绘画不是创作,只是工具
        当我们在说 AI 的时候到底在说什么
        AI 产品经理的五种定义
        谁在用 AI 以及如何用?
        将ChatGPT与个人SOP结合
        继续滑动看下一个
        PM产品星球
        向上滑动看下一个

        您可能也对以下帖子感兴趣

        文章有问题?点此查看未经处理的缓存