[AI]30分钟用cursor开发一个chrome插件

以前收藏文章复制chrome标签信息,用的是TabCopy这个插件,但是最近发现它除了响应慢,还常常无法复制。然后最近cursor很火,我就想也用cursor也开发一个插件满足我自己的需要。

所以开发目标是:

一个简单实用的 Chrome 插件,可以通过双击页面快速将当前标签页的标题和 URL 以 Markdown 格式复制到剪贴板。

网上关于cursor开发插件的文章挺多,但是很多文章不说重点,废话太多。所以本文尽量简明。

1. 安装cursor

官网Cursor - The AI Code Editor (https://www.cursor.com/)下载cursor安装器,运行安装即可。

2. 运行并登录

运行cursor,用google或者github登录都可以,也可以使用邮箱自行注册账号并登录。

3. 模型选择(重点)

默认是claude-3.5-sonnet模型,不要改!不要改!不要改!

只有claude-3.5-sonnet模型才支持自动新建源文件。

4. 新建项目

先自行新建一个文件夹,然后用cursor打开这个文件夹。

5. 在composer中输入你的需求

打开composer,在macos中是cmd+i,我输入的需求是:帮我写一个chrome插件,当双击标签页的时候,将标签的title和url以markdown的格式复制到剪贴板,并将标签变换为浅绿色以提示用户复制成功。请为我自动创建所需文件。并告诉我使用方法。,然后cursor就自动帮我把源码文件生成并保存了。

6. 调试和修改

根据cursor给出的提示安装并测试插件。

  • 一开始复制不成功,我就根据cursor的提示打开控制台把错误信息粘贴过来,它会反复修改代码。
  • 我发现修改标签颜色这个需求达不到,就提出用弹出消息来提示复制成功。
    如此反复几次,就得到了达到我要求的插件。




    每次修改,你需要点击composer窗口右侧的accept all来接受所有文件的修改,如果你了解代码细节,也可以单独接受某个文件的修改。

7. 关于代码回滚

cursor在每次修改代码前,会自动创建checkpoint,如果你要回滚代码,可以点击checkpoint右侧的restore来回滚到那个checkpoint之前的代码。

8 其它功能

用cursor写README真是方便快捷,面面俱到。

cursor尚待解决的一些问题

  • 除了checkpoint,也可以结合git来对代码进行管理。但是我尝试之后发现它的git图形界面提交经常不成功,我从图形界面只成功提交了一次。
  • 如果使用cursor的终端git命令行,可能会遇到权限问题,甚至连ls都没有权限。而我从iTerm的终端打开,就没有权限问题。
    cursor终端git:

    iTerm终端git:

看看我的插件效果吧

github 可以下载我的插件。

相关推荐
华清远见IT开放实验室1 小时前
AI 算法核心知识清单(深度实战版2)
人工智能·深度学习·算法·机器学习·ai·模型训练
NWU_白杨1 小时前
VoiceMockInterview项目MVP开发
java·ai
好运的阿财1 小时前
OpenClaw工具拆解之tts+web_search
前端·javascript·python·ai·ai编程·openclaw·openclaw工具
阿杰学AI1 小时前
AI核心知识137—大语言模型之 CLI与MCP(简洁且通俗易懂版)
人工智能·ai·语言模型·自然语言处理·cli·mcp·模型上下文协议
阿杰学AI1 小时前
AI核心知识138—大语言模型之 数据墙危机(简洁且通俗易懂版)
人工智能·机器学习·ai·语言模型·合成数据·数据墙危机·data wall
GISer_Jing2 小时前
《Claude Code Hooks:AI编程工具的高级控制指南》
前端·人工智能·microsoft·ai编程
Agent产品评测局2 小时前
销售拓客全流程赋能:企业级销售智能体落地完整解决方案 —— 2026技术路径与选型实测指南
人工智能·ai·chatgpt
Agent产品评测局2 小时前
断网可用:企业级智能体全本地化离线部署完整方案 —— 2026年私有化AI架构实测与选型指南
人工智能·ai·chatgpt·架构
晓龙的Coding之路2 小时前
CLIProxyAPI + Claude Code 配置 ChatGPT 模型完整指南
ai编程·cli·clacude code
小虎AI生活2 小时前
他们不缺故事,缺的是一个让故事飞出去的出口——昨天,这个出口开了
ai编程