登录
原创

震惊的对话式开发:聚合数据 API+deepseek+Cursor+让你成为全栈工程师

发布于 2025-02-06 阅读 37335
  • 后端
原创

前言

今年 deepseek 异军突起,在 AI 界又是掀起了腥风血雨和惊涛骇浪,程序员群体又是一番战战兢兢。如果你还没开始尝试用 AI 助力开发,仍然埋头写着大量重复的 CRUD 代码,那么有两件事值得关注:一是你手指和手腕的健康,长期敲键盘可能早已埋下了肌腱炎的隐患;二是看看镜子里的自己,问一句——头发还好吗?

尽管你用过很多开发工具,但是我强烈推荐你,使用 cursor。比如我最近使用的 Cursor 软件,通过与 AI 的四五轮对话, 就快速构建了一个 H5 应用,我将其称之为 对话式开发
也许你对 AI 编程还有怀疑,体验过你就会知道,它早已不再是早期段誉的六脉神剑——时灵时不灵,而是修炼大成后那种“心随剑动、无形胜有形”的境界。你只需要提出想法,它便能快速响应,无论是构建页面、生成代码,还是优化逻辑,都能迅速助力完成。

cursor 到底有什么优点呢,我们来说一下:

  • 五分钟即可完成环境搭建
  • 3句话就能生成完整的项目架构
  • 零基础也能快速上手

cursor 有多强,下面我带大家来感受一下。

项目实例复现

我在聚合数据官网看到了很多常用的 API 接口,今天我以聚合数据的众多接口中的一个老黄历接口,来复现,如何通过这个接口,使用 cursor 来完成一个 H5 应用的生成。

本文章所设计的前后端代码已经全部上传 github,需要的朋友可以下载下来操作演练。

什么是 Cursor?

Cursor 是一款专为开发者设计的现代化 AI 辅助代码编辑器。它提供了智能代码补全、错误检测以及代码生成等强大的 AI 能力,帮助程序员更高效地完成代码编写任务。Cursor 支持多种编程语言,并与常用版本控制工具(如 Git)良好集成,具有友好的用户界面和高度可定制性。

Cursor 的特点包括:

  • AI 辅助编程:内置强大的 AI 模型,能够实时补全代码、优化性能以及提供代码解释。
  • 多语言支持:支持主流编程语言如 Python、JavaScript、Go、C++ 等。
  • 扩展能力:支持插件和自定义配置,满足不同开发需求。
  • 跨平台兼容:支持 macOS、Windows 和 Linux。
  • 多个模型可以选择:比如 gpt-4o,最近特别火的deepseek
    image.png

安装 Cursor?

下载安装包

  1. 访问 Cursor 官网 ,选择对应的版本(macOS、Windows 或 Linux),然后下载。

image.png
2. 解压 zip 包
image.png
直接点击,得到文件如下:
image.png
3. 安装
双击后,得到如下界面:
image.png
此时等待 cursor 安装完成
4. 初始化设置
image.png
image.png
image.png

image.png

image.png

启动与配置

  • 打开 Cursor 后,您可以登录自己cursor账号。
  • 在偏好设置中调整主题、快捷键等选项,以适应您的开发习惯。
登录 cursor

此时需要你在 cursor.com官网使用邮箱注册一个账号,然后登录之后就可以了,这里省略。
image.png
image.png

使用cursor

创建项目

image.png
image.png

安装插件

image.png
image.png
提示:在以后的使用中,当你要求生成不同语言的代码的时候,如果是第一次,都会提示你安装对应的插件,你点击安装就可以了。

创建开发笔记

image.png
image.png
具体内容如下:

image.png

后端接口服务

这里我使用的是 composer 功能,composer 就是用来生成代码的。

输入需求

image.png
因为我们是第一次生成代码,所以可以直接选择接受所有的生成代码,当然你也可以点击每个文件的代码进行阅读后再决定是否接受
image.png

安装插件

下面点击 main.py文件后,会提示你是否安装 python 插件,我们点击接受安装
image.png
image.png

安装依赖

打开控制台终端
image.png
安装必要的python 依赖
image.png

运行后端服务

image.png
这里显示运行成功
image.png

测试后端接口

新开一个终端,测试后端接口,我这里运行的命令是

curl http://localhost:8000/huangli/2025-01-01 |jq #jq是一个插件,用来格式化输出 json

image.png
这里显示 json 格式的数据,表示成功运行了,并且返回了预期的数据

编写前端开发需求

这里和编写开发后端需求类似,新建一个 notepad,然后添加内容,我的需求如下:
image.png

生成前端代码

在刚才的 composer 对话框中继续输入要求
image.png
代码生成好之后,同样点击全部接受
image.png

安装依赖

在控制台中安装依赖

npm install

启动前端服务

npm run dev

如下,表示启动成功
image.png
打开链接,看到如下内容
image.png
表示已经成功运行了

前端页面优化

前端页面优化也不是我们去修改代码,也是让cursor帮我们进行优化,我们只需要说出自己的想法,或者给他参考示例,就可以进行。
比如,我看到页面颜色过于单一,我就输入以下对话内容:
image.png

第一次优化后的效果如下:
image.png

然后我又让修改了一下背景颜色,效果如下:
image.png

我发现日期控件下面的显示信息过于单一,于是又让优化了一下:
image.png

最终效果如下:
image.png

总结

通过以上的演练可以发现,短短几轮对话,我们就可以快速的落地一个 H5 应用,这惊人的效率,敢问哪个程序员能赶上?

聚合数据官网还有很多有趣的接口,你也可以浏览聚合数据官网,找几个你自己感兴趣的接口,快速体验一下吧。

评论区

眉上的汗水,眉下的泪水,你总要选择一样

1668

3

3

举报