之前我们在直播中提到，使用Cursor等编程工具可以很方便的制造谷歌插件，今天就来实际操作下。

代码位置：

https://github.com/Xls1994/cursor-code

所有的代码都可以在这里找到，我们更推荐你亲自尝试编写提示词，而不是简单的复制粘贴代码。

我们制作一个简易的网站二维码显示工具，当我们扫码的时候，就可以调整到当前网页。

展示效果如下，

首先，打开Cursor，新建一个文件夹，这里我们给文件夹起名为test。

然后使用 Ctrl+I 打开 Composer，然后在对话框中输入上面的提示词，按回车即可。Composer会自己去创建一些代码文件，最后会出现一个「Accept all」选项，需要点击接受所有的代码。注意，每次 Cursor 输出的内容并不会完全一致，只要最终能实现我们的需求就可以。

提示词，

帮我实现一个 Chrome 插件，要求的功能如下：
1、打开任意网页时，在右下角显示网页的 logo 图标，点击这个图标时会展开显示网页二维码2、二维码大小256*256、白底，上边距、左右边距都是25px3、二维码的下面分两行显示网站名称和网页标题，标题最多显示10个字4、二维码中间显示网页logo
#注意- 无需使用图标- 使用V3版本的manifest.json- 请注意中文的格式编码问题

在这里，我们要注意，Cursor提示我们需要下载qrcode.min.js文件并保存到当前文件夹下。

下载链接：

https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.min.js

直接右键网页，另存为就可以。

安装谷歌插件

在谷歌浏览器输入：chrome://extensions/，打开「开发者模式」，如下图所示，右上角按钮显示出蓝色。

点击「加载已解压的扩展程序」，在弹出的对话框中选择我们之前的文件夹。

默认会展示下面这个样子，表示已成功安装插件。当我们更新代码后，需要点击左侧刷新按钮之后再测试。

可以进一步和 Cursor 提要求，对二维码进行美化和调整。

输入提示词：

请帮我隐藏掉二维码，只展示网页 logo。当点击 logo 时，才展示二维码。

Cursor 会继续输出并修改代码，如果有问题可以继续对话进行修改和调整。

最终效果

代码位置：

https://github.com/Xls1994/cursor-code

所有的代码都可以在这里找到，我们更推荐你亲自尝试编写提示词，而不是简单的复制粘贴代码。

Cursor的官方教程，网址：https://docs.cursor.com/chat/overview