当「佛系复更」撞上「AI革命」——Cursor开发对我的认知颠覆


234 观看次数
2167 字数
0 评论

哈喽各位!Long Time No See!
在因首考停更的五个多月里,我经历了学生党最经典的「赛博戒断」—— 直到重新打开 Cursor 时,赫然发现:AI 编程的进化速度,早已超越了人类复习备考的冲刺节奏

这期间,GitHub Copilot 悄然渗透全球 52% 开发者的 IDE,GPT-4 的代码解释器让高中生都能用英语口语构建网站。而当我试图用 Cursor 开发域名管理系统时,AI 竟在对话窗口反问我:"是否需要预设 DNSSEC 自动轮换策略?" —— 这个瞬间,我突然意识到:我们正在经历从「写代码」到「训代码」的范式迁移

本文没有教科书式的技术神话,只有一场真实的人机博弈实验。

包括你上面看到的每一个字,没错,都是 AI 写的。(不过后面那些代码报错截图绝对真实,毕竟 AI 还没学会替人类背锅)

开始行动!

首先 到 Cursor 官网下载软件!点我进入
下载完成安装这一步不说了 应该都会(
然后打开软件 你会发现它跟 VSCode 长的很像,没错!它是基于 VSCode 的开源代码(MIT 协议)二次开发的编辑器,继承了 VSCode 的核心功能(如代码高亮、调试、Git 集成等)和扩展性架构。

首次登录会提示你进行登录,你只需要在 cursor 官网注册一个账号,就能白嫖 50 次的高级对话(虽然我感觉根本不够用)
~但是我们毕竟是教学,把你教会就差不多得了~,以后需要付费的情况可以去闲鱼买团队,15 块钱也不贵(确信

准备工作!

在安装、登录完成后,我们就可以准备开发了!
打开 Cursor 软件,我们可以看到有选择打开文件夹还是打开 SSH 连接,这里我还是推荐使用 SSH 连接,因为你在本地的 Windows 开发与测试真的很不方便,很多东西都缺,并且测试时 AI 会默认使用 Linux 的代码,而这些正是 Windows 所不能运行的,还得要求 AI 重新生成,非常不便,而且还需要手动复制代码到生产环境服务器,修改代码不能实时变动。

img-002

  • 如果真的要在本地开发,也不是不行...... 点击 “Open a folder” 按钮,然后选择项目文件夹(提前创建),然后再进行开发。
  • 如果使用远程服务器进行开发,你就点击 "Open with SSH",然后点击 “Add New SSH Host” 添加远程服务器,会弹出来要求你输入 ssh 连接串

SSH 连接串的通用格式如下:

ssh [选项] <用户名>@<主机地址> -p <端口号>

但是一般情况下,我们只需要根据输入框内的提示进行输入即可。
例:

ssh root@114.514.191.981 -A  # 这串神秘数字绝对没有影射什么

而后,软件会弹出输入密码的弹窗,输入你的 SSH 密码
因为 Cursor 需要构建一个索引,所以这一过程的快慢取决于你服务器的文件大小,耐心等待即可!
在连接成功后,我们点击 “Open Folder”, 选择你需要的项目目录,点击 “OK”,第一次加载可能会比较慢,稍等即可!

开始开发!

在进入项目主页面后,你会发现怎么啥东西都没有,我知道你很急,但是你先别急!
按下 “Ctrl+i”,可爱的小 Composer 就跳出来啦!(不要选其他的哈!)

然后我们的模型记得选择 Claude-3.5-sonnet(记得选择 Agent 模式,可大大提高效率!)或者 deepseek-v3
(个人感觉这两个是最好用的,其他的都存在一点问题)

**PS: 如果 composer 界面没有显示,点击右上角的设置,在 Model 栏里面进行添加!
(找不到?这说明你需要先完成「人类基础 UI 交互能力测试」)

需求沟通的量子纠缠

现在我们要思考几个问题:

  1. 开发这个软件的目的是什么?
  2. 开发架构是什么?
  3. 这个软件要有什么功能?
  4. 有什么功能特色?
    当 AI 问你 "要开发什么" 时,请勿回答:
    ❌ "做个牛逼的域名管理系统"
    使用三明治话术:
  5. 业务场景:我需要管理 500 + 域名的生命周期
  6. 技术约束:必须兼容 AWS / 腾讯云双平台 API
  7. 变态需求:当 DNS 解析失败时自动切换到备案 IP

思考完之后,你可以把它直接扔给 Cursor。

另外,这里可以提供一个 Todo list 的项目提示词的案例(source):

点击查看

\### 后端提示词

请为我开发一个基于 Node.js 和 Express 框架的 Todo List 后端项目。项目需要实现以下四个 RESTful API 接口:

1. 查询所有待办事项
- 接口名: GET /api/get-todo
- 功能:从数据库的 'list' 集合中查询并返回所有待办事项
- 参数:无
- 返回:包含所有待办事项的数组
2. 添加新的待办事项
- 接口名: POST /api/add-todo
- 功能:向 'list' 集合中添加新的待办事项
- 参数: {"value": string, // 待办事项的具体内容 "isCompleted": boolean // 是否完成,默认为 false}
- 返回:新添加的待办事项对象,包含自动生成的唯一 id
3. 更新待办事项状态
- 接口名: POST /api/update-todo/
- 功能:根据 id 更新指定待办事项的完成状态(将 isCompleted 值取反)
- 参数: id
- 返回:更新后的待办事项对象
4. 删除待办事项
- 接口名: POST /api/del-todo/
- 功能:根据 id 删除指定的待办事项
- 参数: id
- 返回:删除操作的结果状态

技术要求:

1. 使用 Express 框架构建 API
2. 使用 MongoDB 作为数据库,通过 Mongoose 进行数据操作
3. 实现适当的错误处理和输入验证
4. 使用异步 / 等待(async/await)语法处理异步操作
5. 遵循 RESTful API 设计原则
6. 添加基本的日志记录功能

\### 这里数据库连接方式要填写!!!

以下是数据库连接方式:

1. 直接以当前目录作为项目根目。注意 此目录已经初始化完了 nodejs 项目 直接修改即可
2. 如果需要执行命令,请暂停创建文件,让我先执行命令

为这个项目中的所有代码写上详细注释

\### npm 安装依赖很慢请执行这行命令!!!

\`\`\`jsx
npm config set registry https://registry.npmmirror.com
\`\`\`

\### 前端提示词

请为我开发一个基于 Vue 3 的 Todo List 应用。要求如下:

1. 功能需求:
- 添加新的待办事项
- 标记待办事项为完成 / 未完成
- 删除待办事项
- 统计待办事项完成度
- 过滤显示(全部 / 已完成 / 未完成)
2. UI/UX 设计要求:
- 全屏响应式设计,适配不同设备
- 拥有亮色模式和夜间模式
- 现代化、简洁的界面风格
- 丰富的色彩运用,但保持整体和谐
- 流畅的交互动画,提升用户体验
- 在按钮和需要的地方添加上图标
- 参考灵感:结合苹果官网的设计美学

要求:

1. 直接以当前目录作为项目根目。注意 此目录已经初始化完了 vue3 项目结构 直接修改即可
2. 如果需要执行命令,请暂停创建文件,让我先执行命令
3. 请你根据我的需要,一步一步思考,给我开发这个项目。特别是 UI 部分 一定要足够美观和现代化

通过这个案例,我们可以大致了解到 Cursor 开发的提示词应该如何写了,这个时候就应该结合你自己的想法来操作了!

实际开发!

需要注意的一点是,如果是像上面的 todolist 一样的项目,我觉得还是开两个窗口好。
一个窗口开发前端,一个开发后端,虽然这样有点奇怪,但是这样不容易让 AI 搞乱你的代码。

在你的需求被传达给 AI 后,它开始一行行的生成代码了!
如果你是像我一样的小白,不用管,在它满足你的功能要求后直接点 Accept 就完事了!

随后,在前后端均开发完成的情况下,你可以要求 AI 帮助你进行测试。
他会给出相应的测试代码,并且根据测试结果调整代码,是开发的一个比较有效的方式,可以让你的开发更少出错。

如果你选择的是不支持 Agent 模式的大模型,那么你可以在终端进行测试。
Cursor 让我很满意的一点就是可以一键添加报错内容到 Composer,然后迅速询问 AI,快速地解决问题。

img-003

开发成果

提前开香槟(?

img-004

img-005

img-006

总结

  • AI 不会取代程序员,但会用 AI 的程序员会取代不用 AI 的
  • 真正的干货不是代码量,而是你调教 AI 的聊天记录
  • 下次停更时,可能我的 AI 分身会自己更新专栏(细思极恐)

Images


评论区

还没有人评论

添加新评论