前言
今年 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
安装 Cursor?
下载安装包
- 访问 Cursor 官网 ,选择对应的版本(macOS、Windows 或 Linux),然后下载。
- 解压 zip 包
直接点击,得到文件如下:
- 安装 双击后,得到如下界面:
此时等待 cursor 安装完成
- 初始化设置
启动与配置
- 打开 Cursor 后,您可以登录自己cursor账号。
- 在偏好设置中调整主题、快捷键等选项,以适应您的开发习惯。
登录 cursor
此时需要你在 cursor.com官网使用邮箱注册一个账号,然后登录之后就可以了,这里省略。
使用cursor
创建项目
安装插件
提示:在以后的使用中,当你要求生成不同语言的代码的时候,如果是第一次,都会提示你安装对应的插件,你点击安装就可以了。
创建开发笔记
具体内容如下:
后端接口服务
这里我使用的是 composer 功能,composer 就是用来生成代码的。
输入需求
因为我们是第一次生成代码,所以可以直接选择接受所有的生成代码,当然你也可以点击每个文件的代码进行阅读后再决定是否接受
安装插件
下面点击 main.py文件后,会提示你是否安装 python 插件,我们点击接受安装
安装依赖
打开控制台终端
安装必要的python 依赖
运行后端服务
这里显示运行成功
测试后端接口
新开一个终端,测试后端接口,我这里运行的命令是
curl <http://localhost:8000/huangli/2025-01-01 |jq> *#jq是一个插件,用来格式化输出 json*
这里显示 json 格式的数据,表示成功运行了,并且返回了预期的数据
编写前端开发需求
这里和编写开发后端需求类似,新建一个 notepad,然后添加内容,我的需求如下:
生成前端代码
在刚才的 composer 对话框中继续输入要求
代码生成好之后,同样点击全部接受
安装依赖
在控制台中安装依赖
npm install
启动前端服务
npm run dev
如下,表示启动成功
打开链接,看到如下内容
表示已经成功运行了
前端页面优化
前端页面优化也不是我们去修改代码,也是让cursor帮我们进行优化,我们只需要说出自己的想法,或者给他参考示例,就可以进行。
比如,我看到页面颜色过于单一,我就输入以下对话内容:
第一次优化后的效果如下:
然后我又让修改了一下背景颜色,效果如下:
我发现日期控件下面的显示信息过于单一,于是又让优化了一下:
最终效果如下:
总结
通过以上的演练可以发现,短短几轮对话,我们就可以快速的落地一个H5应用,这惊人的效率,敢问哪个程序员能赶上?
聚合数据官网还有很多有趣的接口,你也可以浏览聚合数据官网,找几个你自己感兴趣的接口,快速体验一下吧。