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

系统管理员 2023-09-27 16:08 123阅读 0赞

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

![e5403ef71629d7be17de0a4f0b8b3c45.png][]

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

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

![09c8e9f2ca4d7a925509f08294c4a07e.png][]

我用的是 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 库。

![84db31415d97bc3dc4f909ac416df56d.png][]

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

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

![9d88f465257f83dc3e1fd8b398036912.png][]

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

![b73f9db9d586706808f0c8d99aded19b.png][]

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

![5067a032180bfa32ceb915a47dcb7300.png][]

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

![986bca564b1d26f99da4674e5529b93e.png][]

下面是最后产生的代码：

--------------------

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

[e5403ef71629d7be17de0a4f0b8b3c45.png]: https://img-blog.csdnimg.cn/img_convert/e5403ef71629d7be17de0a4f0b8b3c45.png
[09c8e9f2ca4d7a925509f08294c4a07e.png]: https://img-blog.csdnimg.cn/img_convert/09c8e9f2ca4d7a925509f08294c4a07e.png
[84db31415d97bc3dc4f909ac416df56d.png]: https://img-blog.csdnimg.cn/img_convert/84db31415d97bc3dc4f909ac416df56d.png
[9d88f465257f83dc3e1fd8b398036912.png]: https://img-blog.csdnimg.cn/img_convert/9d88f465257f83dc3e1fd8b398036912.png
[b73f9db9d586706808f0c8d99aded19b.png]: https://img-blog.csdnimg.cn/img_convert/b73f9db9d586706808f0c8d99aded19b.png
[5067a032180bfa32ceb915a47dcb7300.png]: https://img-blog.csdnimg.cn/img_convert/5067a032180bfa32ceb915a47dcb7300.png
[986bca564b1d26f99da4674e5529b93e.png]: https://img-blog.csdnimg.cn/img_convert/986bca564b1d26f99da4674e5529b93e.png