Cursor力量,用爬虫展示

5,189 阅读4分钟

前言

Cursor现在应该无人不知,无人不晓了吧。作为一个免费的代码生成器,覆盖了所有程序员的编程语言。根据你的需求来生成代码,还可以帮你对代码进行优化、理解、改错。

建议所有程序员都安装Cursor,官网在这:Cursor - The AI Code Editor

根据小道消息得知,目前大厂有很大一部分代码都是交给AI的,那么能熟练掌握一门AI生成软件对我们肯定是有很大一部分的帮助的。

实战

话不多说,直接开始实战!!!

第一步肯定是下好cursor这个软件,下完登录打开一看!页面乍一看就跟vscode一模一样啊,vscode咱们都肯定很熟悉了,那咱们直接开始使用!!!

配置

cursor还是得配置一下环境的,之前刚发布的时候。要使用pro版需要20美刀每个月,这一年下来花的也不少啊。但是就在最近,cursor有了我们阿里的国产的大模型通义千问,这个咱们肯定也不用介绍了,国内最好的大模型。

所以第一步,我们先在大模型中加入Qwen/Qwen2.5-Coder-32B-Instruct这一个通义千问的特定大模型,它专注于代码生成和编程辅助任务。

让我们点击cursor右上角的齿轮进入cursor settings,点击第二个models进入这个页面

image.png 将需要付费的大模型都关闭,点击Add model添加我们的通义千问大模型

image.png

页面再向下翻,输入自己的API和国内转发地址。

完成这些后,我们正式开始了"写"代码。

我们按下ctrl+alt+b或直接点击cursor右上角齿轮左边的Toggle AI Pane。我们在这里输入prompt得到代码。

image.png 我们都知道,要想让AI生成准确无误的代码,prompt是最重要的。

prompt

我们要在prompt上 下功夫,以免代码功能不全或出现bug。

今天我们就用爬虫爬取微博热搜吧!

我们在prompt中输入要爬的地址,需要用什么方式爬取,保存到哪里等等。越细致越好。

image.png 回车一按,这爬虫不就生成完毕了吗。

image.png 真的按照我们的要求一步步思考,让我们也能明白哪一步做了什么。而不只是拿到了一串冰冷的代码。就像拆迁一样,温暖的房子变成了一串冰冷的数字一样...这样能提高我们的知识水平。

image.png 安装依赖包我们只需要把鼠标移到框里按run就行了都省了我们在终端里输入,处处都显着方便。

而代码我们只需要点击apply就行了。这里是源码:

// main.js
const request = require('request-promise');
const cheerio = require('cheerio');
const fs = require('fs');

// 目标URL
const url = 'https://tophub.today/n/KqndgxeLl9';

// 发送HTTP请求获取网页内容
request(url)
    .then(html => {
        // 使用cheerio加载HTML
        const $ = cheerio.load(html);

        // 定义一个数组来存储热榜数据
        const hotList = [];

        // 解析表格中的每一行
        $('table.table tbody tr').each((index, element) => {
            const rank = $(element).find('td:nth-child(1)').text().trim();
            const title = $(element).find('td:nth-child(2) a').text().trim();
            const heat = $(element).find('td:nth-child(3)').text().trim();
            const link = 'https://tophub.today' + $(element).find('td:nth-child(2) a').attr('href');

            // 将数据添加到数组中
            hotList.push({ rank, title, heat, link });
        });

        // 将数据保存到CSV文件中
        const csv = hotList.map(item => `${item.rank},${item.title},${item.heat},${item.link}`).join('\n');
        fs.writeFileSync('hotlist.csv', csv, 'utf8');

        console.log('热榜数据已保存到 hotlist.csv 文件中');
    })
    .catch(err => {
        console.error('请求失败:', err);
    });

运行试试看,我还真不信了,AI能实现这么难的功能?

现实就是这么的打脸,运行一看,代码简直完美运行,结果堪称完美...一段30几行的代码就能解决...

image.png 我们得到了当天微博的热搜榜...

就是这么的震撼,这就是cursor的力量!

结语

Cursor其实已经不需要证明自己了,一经发布便引爆了整个市场。他的实用性和简洁性都是顶级的存在,即使现在出了Windsurf,据说比Cursor更好更开源...但Cursor现在还是No1...

就像库里开创了小球时代一样,Cursor的发明也是创时代的...带来了一些AI(编程)生态的变化。

咱们这篇文章展示了AI的方法,手搓的方法博主后面会再写一篇,会详细介绍,包括这里用的request promisecherrio等...

最后提示一句,爬虫需谨慎...