Cursor:GPT-4 驱动的强大代码编辑器
金蝶云社区-free温
free温
1人赞赏了该文章 2,161次浏览 未经作者许可,禁止转载编辑于2023年03月22日 15:39:40

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


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


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


我用的是 JavaScript 来实现的。


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


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

image.png


我的问题是:这段代码可以运行吗?


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

image.png



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


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

image.png

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

image.png

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

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

image.png



下面是最后产生的代码:


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

本文转载自:CSND

作者:成富

原文链接:https://blog.csdn.net/cheng_fu/article/details/129631142

图标赞 1
1人点赞
还没有人点赞,快来当第一个点赞的人吧!
图标打赏
0人打赏
还没有人打赏,快来当第一个打赏的人吧!