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

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 在国内可以直接访问和使用。赶紧下载使用吧。