【Cursor】Cursor实战案例大揭秘-优快云博客

本文链接：https://blog.youkuaiyun.com/xiaoyingxixi1989/article/details/149674043

三、实战案例二：开发 “谁是卧底” 小游戏

一、Cursor 是什么？

Cursor 是一款基于 AI 技术的现代化代码编辑器，简单来说，它能让你用自然语言和它 “对话”，然后直接生成代码。就好比你想做一个简单的网页登录界面，以往你得在脑海里构思 HTML、CSS 和 JavaScript 代码怎么写，一行行敲进编辑器；现在，你只需要在 Cursor 里输入 “帮我用 HTML、CSS 和 JavaScript 写一个简单的网页登录界面” ，它就能快速帮你生成对应的代码框架，大大节省了开发时间。

Cursor 和传统代码编辑器（如 Sublime Text、Atom 等）最大的不同，就在于它的 AI 智能交互。传统编辑器只是单纯的代码输入、编辑工具，而 Cursor 就像是一个 “智能编程助手”，除了基本的代码编辑功能，还能帮你理解代码、优化代码、查找并修复错误。例如你写 Python 代码时逻辑有点混乱，它能指出问题所在，甚至直接帮你重构代码，让代码更简洁高效。

二、实战案例一：制作浏览器插件 “叶牵”

2.1 需求提出

不知道大家平时使用浏览器的时候有没有这样的困扰：浏览器里打开的网页越来越多，像学习资料网站、办公网站还有各种常用网站，不想关闭又懒得收藏，时间一长，浏览器标签栏密密麻麻全是网页。这不仅看着杂乱无章，更要命的是，网页多了占用的电脑内存也多，电脑动不动就开始卡顿，严重影响办公效率。

我就被这个问题折磨了很久，市面上虽然有像 “one tab” 这样的工具能解决部分问题，可它既不能让我根据自己的需求新增功能，下载还得翻墙，用起来太不方便。于是我决定自己动手，用 Cursor 来制作一个专属浏览器插件，我给它取名叫 “叶牵” ，主要想实现这几个功能：一是能一键收纳所有打开的网页；二是要有个列表展示收纳的网页，方便重新打开；三是在新建标签页时也能快速看到这些收纳的网页。

2.2 制作过程

规划与文件结构生成：有了想法后，我先打开 Cursor，把制作 “叶牵” 插件的需求详细地描述给它，比如 “我要做一个浏览器插件，能一键收纳当前浏览器所有网页，有展示收纳网页的列表，新建标签页时也能显示收纳网页”。Cursor 很快就给出了项目的文件结构，包括需要创建哪些文件，每个文件大概的作用。我仔细查看了它给出的解释，确认符合我的预期后，就按照这个结构在本地创建了相应的文件。这一步很关键，清晰合理的文件结构就像是房子的框架，为后续的开发打下坚实基础。