当前的工作几乎和社会脱节，对于外面AI 翻天覆地的变化，我几乎一无所知。这期间出了很多新的概念，其中和我的职业息息相关的就是 vibe coding。虽然我之前也在 vscode 中和 ai 搭配写过不少代码，但是据说只有在 Cursor 中才算是真正的和 Vibe Coding。所以今天特地来尝试一下。
1.安装 Cursor
第一步肯定是搜索 Cursor 并安装。作为一个成熟的程序员，我想大家都知道去哪搜索能直达Cursor 官网。不过我这里还是多嘴提醒一下朋友们，用某度搜索出来的第一个结果，那个地址大家小心使用，不知道是什么野鸡地址，是否安全。
2.Cursor 登录
这个也比较简单，有谷歌、苹果、Github 三种登录方式，大家有什么账号就使用什么账号吧。
3.了解 Cursor
登录好后，可以看到 Cursor 的主界面里面有一个聊天框，框里有四个选项，分别是：agent，plan，Ask，Debug。下面是官网对这三种模式的解释
- agent：适用于复杂编码任务的默认模式。Agent 会自主探索你的代码库、编辑多个文件、运行命令并修复错误，以完成你的请求。
- Ask：用于学习和探索的只读模式。Ask 会搜索你的代码库并提供答案，且不会对代码做出任何更改——非常适合在修改代码前先理解代码。
- plan：Plan 模式会在编写任何代码之前先创建详细的实现计划。Agent 会分析你的代码库、提出澄清性问题，并生成一个可在构建前编辑的审阅用计划。
- Debug：调试模式可以帮助你查明问题根源，并修复那些难以复现或理解的棘手 Bug。智能体不会立刻开始写代码，而是先提出假设、插入日志语句，并利用运行时信息精确定位问题，然后再进行有针对性的修复。
第二个功能是Cursor 提供了多个模型供选择，市面上比较好的模型都有了。但是目前没看到中国的大模型，比如豆包，deepSeek，kimi 等。目前我觉得可以添加，但是具体怎么加，后面探索吧。
另外还有自己添加上下文，图片，语音等功能，目前用不到，暂时不继续探索。
4.制定开发计划
我想创建一个播放本地音乐的网页播放器，我选择了自动选择模型。给了下面的提示词1
2我想创建一个播放本地音乐的网页播放器，需要有歌单，上一首，下一首，播放，暂停，顺序播放，随机播放，
自动连播，添加移除歌单等功能。
模型问了我两个问题，第一个是是用户如何添加音乐，第二个是持久话是否需要做。我回答之后给了我一个长长的实现计划，经过几次调整，我觉得整体我很满意。
5.开始编码
计划里面有个 todo list，第一个是 ‘创建 HTML 页面结构（文件上传、歌单、播放器控制面板、播放控制栏）’，选择后开始干活了。很快一个纯html 的文件就出来了，但是当我打开编辑器的时候天塌了，它竟然帮我创建了一个 next 的项目（第一版计划里的）。这个我没想到。为此，我不得不告诉 agent 删除 nextjs 相关内容。之后 agent 删除了所有内容，但是留了点缓存我自己删除了。
在浏览器上预览了一下，比较丑。
6.继续执行后面的操作
每一个执行起来没有想象的快，执行结束后可以预览代码，我一路保存过来。基本上都是 ai 完成，我没怎么干活。基本完成了本地音乐播放功能，可惜的是持久化没有实现。
总结
就实现一个小工具而言，vibe coding 确实很棒，已经超过了很多人。但是仍然有不足，持久化的渲染，就一直搞不出来。让 AI 反复修改了好几版，一直没能实现持久化的播放列表。token 用完了需要开 pro，暂时就这样了。