目前，AI编程非常火爆，昨天看到@沉沦暴兵，一天发好几个插件，很多人很好奇怎么做的，正好把之前的一些操作经历整理一篇文章，之前通过Cursor创建了一个社交网站 ，该网站包含了最基本的注册、讨论、发帖、前台、后台、用户管理等功能。
作为一名互联网人，虽然我不会写实际代码，也从未学习过编程，但AI编程帮助我将一些想法变成了现实，我觉得很有趣，今天把整个流程分享给出来，以便于感兴趣的人直接可以直接上手，比想象的简单的多。
产品设计
今天，我们将花费20分钟创建一个WordPress网站插件，在开始之前，我们需要明确以下几点：
- 插件的基本功能是什么？
- 插件的性能要求，是否需要处理网站数据，是否有前后台数据交换？
- 插件的基本布局和界面设计是什么样的？
确定了这些之后，我们开始第二项工作：撰写提示词。以我们的插件为实际案例，整理这些提示词。提示词可以是半成品，因为我们可以通过AI再次细化。我建议第一次大家都以作品临摹为主，因为跟着操作一遍熟悉一下整个工作台。
提示词部分：
|
1 2 3 4 5 6 7 8 9 |
我要创建一个WordPress插件，该插件的名字为JefBookmark，作者Jeffer.Z，主页www.jeffer.xyz 该插件的主要功能是记录用户输入的网址和网址名称，支持标签功能。输入的书签使用WordPress文章自定义类型实现。 后台功能包括书签列表、添加、编辑、删除等。前台通过短代码调用，可以将短代码插入任何页面调用书签列表。 书签布局为：顶部显示“全部”和标签1、标签2、标签3等，最多支持展示10个标签。这一行的下方为书签列表，列表中的书签包括图标、书签名称（超链接形式），右侧显示该书签的标签。 底部为标签的分页，分页数量可以通过后台设置。 |
然后，我们打开KIMI或DeepSeek，优化一下提示词，并告诉它要放在Cursor中使用。以下是优化后的提示词：
AI返回的提示词：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
插件信息 插件名称：JefBookmark 作者：Jeffer.Z 主页：www.jfnote.com 功能需求 1. 书签存储 – 使用WordPress自定义文章类型存储书签。 – 每个书签包含以下字段： – 网址（必填） – 网址名称（必填） – 标签（支持多选，最多10个标签） 2. 后台管理 – 书签列表：显示所有书签，支持分页。 – 操作功能：添加、编辑、删除书签。 – 标签管理：支持最多10个标签的添加、编辑和删除。 – 分页设置：允许在后台设置分页数量。 3. 前台展示 – 使用短代码[jefbookmark]在任何页面调用书签列表。 – 布局设计： – 顶部导航：显示“全部”和所有标签名称（最多10个）。 – 书签列表： – 每个书签显示图标、书签名称（超链接形式）和所属标签。 – 标签显示在书签名称右侧。 – 分页功能：底部显示分页导航，分页数量可通过后台设置。 技术实现 – 自定义文章类型：jefbookmark – 字段存储： – 使用ACF（高级自定义字段）或自定义元数据存储书签信息。 – 短代码功能： – [jefbookmark]：用于在前台页面调用书签列表。 – 模板文件： – 自定义模板文件用于书签列表的前端展示。 – 样式与脚本： – 提供基础的CSS样式和必要的JavaScript功能。 插件开发要求 – 确保插件兼容WordPress最新版本。 – 提供详细的文档说明插件的安装、使用和配置方法。 – 确保代码清晰、注释详细，便于后续维护和扩展。 |
编辑器操作
将这个提示词创建一个readme.md文件，然后把提示词粘贴进去。在你的项目文件夹中，新建一个名为Jefbookmark的文件夹，将md文件拖进去。
打开Cursor后，按下Ctrl + I打开对话窗口，选择支持的编程模型为Claude3.5，然后在输入框中@readme.md文件，直接对它说：“Cursor，请根据该文件创建一个网络书签插件。现在请你根据提供的信息思考下，你要如何实现并列出来插件的大纲，然后将大纲和文件结构创建一个json文件。”
这时，Cursor会开始思考，并列出实现方法，你可以看到窗口它的回复内容，以及它创建的json文件。
这里需要注意的地方，一般cursor会把项目搞得很大，你要求他以最小MVP代码量和文件量实现，如果是特别简单的插件，直接告诉他，请以一个PHP文件完成插件所有功能，根据功能去评估文件大小和数量，不要让cursor制作非常大的结构和目录，那会导致它不停的去创建目录和文件，把代码搞得非常复杂。你也可以在最初的readme文件就通过规则限制它，我一般会看一下cursor会输出多大的结构，然后才会第二次对它校正。这里考验大家的是，你要根据功能判断多少个文件足够它完成代码。如果你的项目很大，一定要自己设计文件结构，而不是让cursor给你设计，那会造成项目过载，使用一对复杂的技术，增加代码工作量。
接着，直接告诉它“请开始实现”，它会创建一些代码和文件。当所有代码完成后，
- 请
@codebase在输入框再次和它对话：“请检查全部代码和文件，查看是否有功能和代码衔接的错误，如果有请修复它。” Cursor会进行修复。 - 然后再次
@codebase，告诉它：“请你做上线之前的最后一次检查，保证插件的激活、启动、停用、卸载正常。” Cursor会做最后一次检查并修改代码。
打包安装
最后，将代码打包成zip文件，直接在WordPress网站插件上传文件包。如果插件没有正常启动，会有提示，将错误提示复制给Cursor，它会进行二次修复。再次上传覆盖插件即可。此时，你就可以在后台添加你的网络书签，并将短代码[jefbookmark]复制粘贴到你想要展示的位置，保存后，再次访问该页面就能看到你的网络书签了。
地址演示
网址：https://www.jeffer.xyz/bookmark
全程花费20分钟，包括代码修复和功能调整。对于有经验的开发者来说，可能只需半个小时就能搞定。如果你是新手，一个小时也能上线你的插件功能。
这里的网络书签只是一个演示，你可以创建任何符合规则的插件，比如表单、数据统计插件、文章伪原创插件等，具体做什么取决于你的兴趣和职业。
如果你有确定的界面和网址，也可以直接把地址丢在窗口，要求他以这种界面输出，输出级别比如1:1，比如参考整个布局，比如参考样式配色等，和Ai沟通尽量以最简洁是对话让ai理解，如果说不清楚就丢图片和网址，Cursor也可以阅读图片，然后直接按照图片创作网页。这里拿插件作为演示，是因为插件的门槛最低，一般在宝塔里面修改过PHP文件的博友，我都把这批博友视为可以直接上手Cursor编程选手。
问题修复
也会有一些博友的项目或者插件，主题出问题，修复的方法也很简单，直接将项目解压到目录，Cursor打开该项目文件，然后Ctrl I打开对话窗口，@codebase 让他遍历一遍项目代码，然后说一下这个项目的功能是什么，整个文件结构是什么样的。这是第一次对话，你需要它熟悉项目。
第二次对话，选择出问题的文件或者文件的目录，在对话窗口将问题描述，然后 @该文件或者该目录，第二次对话不要求他立刻实现代码，一定要先问他是什么问题，Cursor会定位出来问题，然后你告他，请思考几种方法可以修复，并且告诉我几种方法的优劣势，然后他会告诉你。
如果一直无法定位到问题，一般有可能出现导致的，AI当前被降智，你引用的文件位置错误，或者你提供的问题和实际的文件不匹配，一般项目越大越复杂，引入的变量越多，越难以定位到问题本身。
其他注意
- 账号购买：去某宝买共享版3人500条高速，不要买号池账号，号池账号不稳定会降智的。
- 汉化处理：随便找一个Ai问一下，会给你教程。
- 适合人群：编码是否适合小白和程序员，适合任何可以通过键盘打字的人。
- 屎山代码：创建的代码是否为屎山，如果你不规范它就是屎山，屎山与否取决于使用人在创建产品之初，给Cursor设计的代码目录结构和前提。如果你本身就可以阅读代码，这样更好，你可以要求他使用具体方法，什么框架，以什么规范创作。
- 产品范围：还能写什么？可以写APP，小程序，网站，脚本等等。
- 需要工具：www.cursor.com 直接注册，赠送免费50条额度使用，但是有一个前提，打开编辑器对话需要开魔法节点，建议使用香港节点。
End
如果遇到问题，可以评论区讨论，现在很多博友都在用，经验比我丰富的也很多，我这里写一篇作为抛砖引玉，没有过多的去截图，因为整个cursor的使用教程非常多，大家直接B站就能搜索到，基础操作熟悉一下就可以，这里更多的是提供做产品的思路。
发表回复