Cursor：GPT-4 驱动的强大代码编辑器

Posted 2023-03-31 成富

Cursor （https://www.cursor.so/）是 GPT-4 驱动的一款强大代码编辑器，可以辅助程序员进行日常的编码。

下面通过一个实际的例子来展示 Cursor 如何帮助你编程。

这个例子做的事情是网页抓取。抓取的目标是百度首页上的百度热搜，如下图所示。

我用的是 javascript 来实现的。

同时按下 Ctrl + K，给出的提示是：抓取 https://www.baidu.com/ 网站上的百度热搜。

Cursor 很快就给出了下面的一段代码。

// 使用 axios 和 cheerio 库抓取 https://www.baidu.com/ 网站上的百度热搜
const axios = require("axios");
const cheerio = require("cheerio");


async function fetchBaiduHotSearch() 
  try 
    const response = await axios.get("https://www.baidu.com/");
    const $ = cheerio.load(response.data);
    const hotSearchList = [];


    $(".hotsearch-item").each((index, element) => 
      const title = $(element).find(".title-content-title").text().trim();
      hotSearchList.push(title);
    );


    console.log(hotSearchList);
   catch (error) 
    console.error("Error fetching Baidu Hot Search:", error);
  



fetchBaiduHotSearch();

我的问题是：这段代码可以运行吗？

GPT-4 解释了这段代码的运行原理，还告诉我要用 npm 安装 axios和 cheerio 库。

运行了之后，发现输出结果为空数组。

把错误反馈给 GPT-4，它建议查看网页结构中的CSS选择器。

确认网页结构没有问题，反馈给 GPT-4。它进一步建议修改 HTTP 的 User-Agent 头来绕开百度的反爬虫处理。

按照 GPT-4 给出的代码进行修改。运行之后就得到了正确的结果。

最后让 GPT-4 格式化一下代码，就得到了最后可以使用的完整代码。

下面是最后产生的代码：

const axios = require("axios");
const cheerio = require("cheerio");


async function fetchBaiduHotSearch() 
  try 
    const response = await axios.get("https://www.baidu.com/", 
      headers: 
        "User-Agent":
          "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/58.0.3029.110 Safari/537.3",
        Referer: "https://www.baidu.com/",
      ,
    );


    const $ = cheerio.load(response.data);
    const hotSearchList = [];


    $(".hotsearch-item").each((index, element) => 
      const title = $(element).find(".title-content-title").text().trim();
      hotSearchList.push(title);
    );


    console.log(hotSearchList);
   catch (error) 
    console.error("Error fetching Baidu Hot Search:", error);
  



fetchBaiduHotSearch();

---

Cursor 充分展现了 GPT-4 在辅助程序员编程方面的能力。最重要的是，Cursor 在国内可以直接访问和使用。赶紧下载使用吧。

Cursor IDE一个GPT4人工智能自动程序编辑器

让我们来了解一下Cursor IDE是什么。Cursor IDE是一个新型的编程工具，可以通过它生成、编辑以及与人工智能进行交互分析代码。官方网站上的三个单词“Build Software. Fast.”（快速构建软件）以及“Write, edit, and chat about your code with a powerful AI”（使用强大的人工智能编写、编辑和交流代码）完美概括了这个工具的特点。它支持多种编程语言，如Python、Java、C/C#、JavaScript等，可以根据你的输入和需求自动生成代码片段。Cursor编辑器还可以帮助你重构、理解和优化代码，提高开发效率。你可以使用任何一种你比较熟悉的工作流，常规的、Vim、Emac都可以用，而且还支持远程连接服务器。

在使用Cursor IDE之前，你需要下载并安装该软件。官方网站（cursor.so）提供了Windows、Mac和Linux版本的下载链接。在安装完成后，你就可以开始使用它了。

Cursor IDE的最大特点是基于GPT-4模型的人工智能技术。GPT-4是一种生成式预训练语言模型，是OpenAI公司在GPT-3的基础上进行了进一步优化和升级。相较于GPT-3，GPT-4的语言生成和理解能力更强，可以更好地应用于各种自然语言处理任务，例如对话生成、文本摘要、机器翻译等。

在Cursor IDE中，GPT-4主要用于代码生成、错误检测和代码建议等方面。当你在编辑器中输入代码时，GPT-4会根据你的输入内容和上下文生成可能的代码补全建议，并给出相应的注释和说明。此外，GPT-4还可以检测代码中的错误，并给出相应的修正建议。如果你不确定某个代码段的作用或用法，可以直接与GPT-4进行交互并向它提问，它会给出详细的解释和说明。

举个例子，如果你想让Cursor帮你写一个登录窗口，你可以直接在聊天框中输入“create a login window”，然后点击“Send”按钮。Cursor会在几秒钟内生成一个登录窗口的代码，并将其插入到当前编辑器中。

除了代码生成和检测，Cursor IDE还具备其他一些实用的功能。例如，它可以帮助你重构代码，即使是复杂的代码段也可以通过简单的操作轻松重构。此外，它还提供了一些优化建议，例如如何改进算法以提高代码性能等。

虽然Cursor IDE具有许多强大的功能，但它仍然是一个相对新的IDE工具，并且使用了最新的技术。因此，它还有一些限制和挑战需要面对。

首先，由于Cursor IDE使用的是GPT-4技术，该技术目前还处于研究阶段，其可靠性和准确性还需要更多的验证和改进。在某些情况下，由于GPT-4的限制，Cursor IDE可能会生成不完整或错误的代码片段。在这种情况下，开发人员需要自己修改或完善代码，这可能会增加开发时间和成本。

其次，由于Cursor IDE是基于云服务的，因此开发人员需要有一个可靠的互联网连接才能使用它。如果互联网连接不稳定或速度较慢，开发人员可能会遇到延迟或其他问题，这可能会影响他们的工作效率。

此外，Cursor IDE目前还不支持所有的编程语言和框架。它虽然支持许多常见的编程语言，但对于一些不太常用的语言或框架，它可能无法生成完整的代码片段或提供相关的建议。因此，开发人员可能需要自己编写代码或使用其他工具来完成他们的工作。

Cursor的实际开发使用过程

• 下载和安装

这块就不再做过多介绍。

• 建立项目

在Cursor中建立项目与其他IDE工具类似，你可以选择新建一个项目或者打开一个已经存在的项目。选择新建项目后，你需要选择项目的类型和编程语言，然后输入项目名称和保存路径。如果你需要打开一个已经存在的项目，则需要选择打开项目并指定项目的位置。

• 编写代码

在Cursor中编写代码的方式与其他IDE工具类似，你可以直接在编辑器中输入代码，也可以将代码从其他文件中复制粘贴到编辑器中。与其他IDE不同的是，Cursor在编写代码时可以根据你的输入和需求自动生成代码片段，这对于快速编写一些简单的代码非常有帮助。

• AI辅助功能

在Cursor中，AI辅助功能是最为强大和独特的地方。通过AI辅助功能，你可以让Cursor帮你生成、编辑以及和AI讨论分析代码。例如，你可以使用快捷键Ctrl+K或Ctrl+L来调用AI助手，在编辑器中输入一些关键词或者句子，AI助手会根据你的输入给出一些代码片段或者建议。如果你需要重构、理解和优化代码，AI助手也可以帮你快速完成这些工作。此外，AI助手还可以帮你检查代码中的错误和漏洞，并提供相关建议和解决方案。

• 远程连接服务器

如果你需要在远程服务器上开发和调试代码，那么Cursor也可以很好地支持这个需求。你可以通过SSH协议连接到远程服务器，并在远程服务器上进行代码编辑和调试。在进行远程开发时，你需要在Cursor中设置SSH连接信息，包括远程服务器的IP地址、用户名、密码或者SSH密钥等信息。连接成功后，你就可以在Cursor中像在本地一样进行代码开发和调试。