真的一行代码没写，使用cursor智能代码编辑器，通过问答的方式，我构建了一个微信小程序

使用cursor已经有一段时间了，主要是辅助代码开发，一直没有深入探索无代码进行产品开发的方式，想体验下，于是选择了自己不熟悉的开发领域微信小程序，给自己定位产品经理，不做任何开发，让cursor帮我构建一个微信小程序产品，产品雏形构建大概花了2个小时，后续版本优化陆续大概耗费两个小时，废话少说，先上成品， 小程序****查找： 待办 123

1 待办123 产品介绍

1.1 使用说明

使用方式如下：

1.2 产品亮点

• 极致简洁：没有多余的功能，适合日级事项安排，随手记录，不适合更精细化的小时分钟级别的事项
• 断网可用、安全快速：事项不上传网络，保存在本地，所以不用担心隐私问题，另外断网的情况下，小程序依然可以打开使用，在某些场景下比较好用，比如飞机上。

1.3 应用场景

• 生活事务：买菜、购物、约会安排、活动待办等
• 工作任务：重要事项、重要会议、工作安排等
• 个人日常：每日待办
• 学习计划：读书计划、课程安排

我自己一直在用，主要记录每日重要待办事项，日事日毕，也推荐其他人使用，最多居然是买东西记录，完成一项勾一项，比较方便

2 零基础实战教程：零代码开发微信小程序

本节将详细介绍如何从0开始，借助AI完成微信小程序开发。即使你不懂编程，跟着操作也能搞定！

2.1 微信公众号注册小程序

如果没有小程序账号需要先注册一个，按照如下步骤注册，如果有账号，则跳过此步骤。

1. 登录微信公众平台，点击右上角的"立即注册"按钮。
   
2. 选择"小程序"，点击"前往注册"。
   
3. 按照流程完成小程序注册即可。
   
4. 登录小程序后台，获取小程序APPID
   注册完成后，访问：https://mp.weixin.qq.com/
   使用微信扫码，选择刚刚注册的小程序，即可进入小程序后台。
   在开发者管理里可以查询到小程序APPID
   

获取到小程序APPID后，我们就可以通过微信小程序开发工具进行开发了。

2.2 下载安装微信开发者工具

1. 下载微信开发者工具，微信开发者工具下载地址：(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
2. 安装微信开发者工具，一路默认安装即可。

2.3 下载安装cursor

1. 下载cursor，cursor下载地址：（https://downloader.cursor.sh/windows/nsis/x64）
2. 安装cursor，一路默认安装即可。
3. 打开cursor，需要注册登录后才能使用，默认一个账户免费2周，可通过更换不同的邮箱地址重新注册继续使用(有个bug：同一个邮箱注销账户再注册也可以)，也可通过cursor官网购买会员。
   首次启动时，会弹出登录窗口，如果没有通过如下方式打开登录窗口：File菜单->preferences->CursorSettings，点击Sign in弹出登录界面
   
   
   然后点击Sign Up - 进行注册，注册完成后，点击Sign In - 进行登录

好了我们的准备工作已经完成，接下来我们就可以使用cursor零代码开发微信小程序了。
这里介绍下cursor的三个快捷键，也代表cursor的三个主要辅助场景:

Ctrl+K：编辑代码
Ctrl+L：回答用户关于代码和整个项目的问题，也可以编辑代码（功能最全面）
Ctrl+i：编辑整个项目代码（跨文件编辑代码）

这里我们主要用的是Ctrl+i，Ctrl+i是专为整个项目设计的，可以通过和模型对话来开发整个项目，过程就和聊天差不多，在会话中可以帮助你创建文件、删除文件、同时编辑多个文件等功能，无需关注代码实现。

2.4 使用cursor零代码构建微信小程序

1. 打开微信开发者工具，点击+图标，添加项目
   
2. 创建小程序，输入项目名称、目录、刚刚获取到的小程序APPID，后端服务选择不使用云服务，开发模式选择小程序，模版选择不使用模版，点击创建
   
   微信开发者工具主要就是创建一个微信小程序的开发环境，能够调试和预览，我们不用关注代码，代码交给cursor来生成。
3. 打开cursor，点击左上角file，点击open folder…，选择刚刚我们小程序创建的目录，打开目录
   
4. 打开目录后，cursor会加载微信开发工具生成的框架目录和代码，我们不需要关注代码，接下来我们用cursor在当前需要创建一个prd.md的需求文件，来编写我们产品的原始需求：
   
   需求编写的好坏，直接决定生成代码的质量，所以这里需要有一定的产品思维，能够编写出高质量的需求，当然如果自己不会写，也可以让cursor来写需求，并更新到prd.md文件中。
5. 原始需求编写完成后，通过快捷键Ctrl+i，打开composer对话框，我们通过此对话框和cursor对话，来生成我们需要的代码。
   
6. 实战经验

• 首先我们可以让composer基于prd.md文件，生成代码，在对话框中输入：

微信小程序的代码框架已经构建好，请基于此框架，结合prd文档内容，帮我生成代码

此时composer就会调用模型并生成代码，

根据生成的代码我们可根据自己的需要选择接受或者拒绝，接受后会更新到项目中去，通过多轮的对话逐步调整需求和代码，实现产品的开发

• 每当cursor生成代码，我们接受后，微信开发者工具会自动加载最新的代码，并同步到微信开发者工具中，这个时候我们打开微信开发者工具，就可以看到最新的预览界面了，我们可以查看产品功能和效果是否满足，如果不满足，再返回cursor，通过对话进行改进，直到满足需求为止。
• 如果微信开发者工具提示错误，这时候不用慌，直接把错误拷贝到cursor，像这样告诉cursor：

微信开发者工具提示错误，请查找整个项目代码逻辑，帮我查看下错误原因，并解决

cursor就会调用模型，帮我们分析错误原因，并优化代码解决问题。

• 每当我们跟cursor对话，生成符合我们需求的代码后，最好让cursor基于当前的沟通情况，更新prd.md文件，方便后续的迭代开发。

7. 最后，当产品开发完成后，我们就可以发布小程序了，发布小程序的详细教程，可以参考微信小程序发布详细教程：(https://developers.weixin.qq.com/miniprogram/introduction/)
   
   发布之前，在微信开发者工具中编译、上传版本，然后参照上面的发布教程，进行小程序发布即可
   这里有个小技巧：每次发布前，通过composer对话中输入如下内容，让cursor帮我们检查下代码，确保代码没有问题，避免发布失败。

我要提交版本了，请帮我检查下代码，确保代码没有问题，如果有问题，请帮我优化代码

3 总结

通过cursor零代码开发微信小程序，体验下来，感觉还是非常不错的，尤其是对于懂产品有想法，但是不懂开发的产品经理，通过cursor，我快速构建出产品雏形，然后通过和cursor对话，逐步优化产品，直到满足需求为止，整个过程非常流畅，体验非常好，强烈推荐大家体验。
昨天2024百度世界大会，发布了无代码工具“秒哒”发布，借用李彦宏的话：“我们将迎来一个只靠想法就能赚钱的时代”，现在感觉想法很重要，如果各位有其他想法，可在留言区留言，后续我会根据大家的想法，尝试通过cursor零代码开发出更多有价值的产品。