用Cursor开发微信小程序？简单到让你怀疑人生

摘要：自然语言生成代码，仿佛对着麦克风喊'给我做个淘宝'就能马上上线。实际上的体验却是：你说'做个登录页面'，它生成了一堆五彩斑斓的按钮和页面，但点击后直接让开发者原地崩溃。

自然语言生成代码，仿佛对着麦克风喊'给我做个淘宝'就能马上上线。实际上的体验却是：你说'做个登录页面'，它生成了一堆五彩斑斓的按钮和页面，但点击后直接让开发者原地崩溃。

邓爷爷曾经说过：“实践是检验真理的唯一标准。”那么就让我们来试试这个AI自动代码生成的工具是不是像其他自媒体吹嘘的那么万能和神奇。

目前主流的AI代码生成工具可分为国内自主研发与国际主流产品两大阵营，国际主流产品包括：GitHub Copilot、Amazon CodeWhisperer、Jules（谷歌）、cursor。其中Cursor+Claude3.7是目前工程师最推荐的工具，也是体感最好的。国内主流产品包括：Trae（字节跳动）、通义灵码、腾讯云AI代码助手等。当然这些AI代码生成工具其实也是会去调用基座模型（例如ChatGPT、Claude、Deepseek）去执行任务生成。

那今天我们就来尝试一下Cursor，看看它是否如工程师推荐的那样。

一、开发流程

通常从0开始开发的话，大致可以分为4个节点：

需求整理与确认开发环境配置与准备代码开发与调测上线部署使用

那么我们就按这个流程开始吧。

二、需求整理与确认

今天我们计划开发的是一个微信小程序，希望它实现功能是对图片中的文本进行OCR识别，并和内置的数据文本比对，标注出存在重复的文本。功能看起来很简单，为了清晰准确的让AI理解我们的需求，我们先利用Deepseek-R1，帮我们制作需求文档（Readme.md）。

把上述描述抛给Deepseek-R1后，规范化后的描述如下：

1个微信小程序，主要功能就是识别拍照或手机上传的图片中的某一列的文字，和内置在小程序中数据源比对，如果发现有重复的，就对图片中对应文本位置标记透明红色。##主要功能：-拍照或从手机相册里选择图片-从图片中识别文字-将识别文字和内置数据源比对-发现有百分百重复的，就将图片中文字标记透明红色##界面设计：采用简约设计风格，上面是图片，下面是三个按钮：-拍照-导入相册-识别##比对数据源-位于当前目录下data1.txt

三、开发环境配置与准备

本次涉及的开发环境包括：

1、开发工具：Cursor

2、微信小程序调试工具：微信开发者工具

3、OCR接口平台：腾讯云平台

注意：这里出现了一个大坑，小程序开发模式包括本地模式和云模式，云模式会涉及少量费用，本次开发涉及的接口调用部分，用本地模式实现会非常复杂...我尝试了2天后，转换为云模式才调测通过。

环境配置：

1、注册微信小程序：需要以个人模式去注册1个小程序，注册流程如下：

，申请成功后，你会获得1个小程序的 AppID，这个需要配置到后面的微信开发者工具中。

2、注册Cursor：可以利用已有的一些互联网账号凭据自动关联，或者以邮箱方式注册，注册后有30天的免费使用期，收费为20美金/月。

3、腾讯云平台注册：可以以微信方式注册和登陆，需要实名认证，认证后找到并开启OCR识别接口，该接口每月前1000次是免费的，超过次数后即按使用次数收费，可以按包购买120元1000次，或者按次计费每次0.15元。注意这个开启OCR识别接口后，会获得1个云平台接口的SecretId和SecretKey。这两个信息是用于接口调用时的验证鉴权。

4、微信开发者工具配置：第一次使用的话，可以参考这个链接来生成第一个程序模版：

，前面提到过，微信开发者工具有个大坑，这里推荐使用云开发环境（原因我后面再细说），配置开通云开发环境后，你会获得1个微信小程序云环境ID。这个信息在开发过程中也会使用到。云开发环境在开发测试过程时是不收费的，微信小程序上线后，费用为20元/月。

好了，到这里，相关的开发环境就准备好了。

四、代码开发与调测

1、利用微信开发者工具创建云环境开发模版。

2、创建好基础框架后，切换至cursor进行开发，在cursor中选中上述创建的文件根目录，并更新Readme.md文件，把微信小程序云环境ID追加进去，腾讯云平台的key和ID可以后续在代码中追加（这种方式在正式开发时不推荐，代码泄露会导致密钥泄露）。

3、在cursor中的chat输入相关prompt，并关联readme.md，就是坐等自动生成：

4、代码调测，在cursor中生成的代码，需要回到微信开发者工具进行调试，调试前需要先上传创建的云函数：

云函数上传完成后，再点击真机调试，并且打开手机，切换至微信页面，点击编辑并自动运行后，即可在手机上体验真实界面。

如果识别文字在数据集中，就会在屏幕下方标记重复的文字，如果没有就会提示无重复数据。

注意：在这一步，卡了很久，原因是腾讯云平台的OCR接口在调用时，为确保接口安全性，如果是采用本地调用方式，就需要利用 crypto-js 库来进行签名计算，除了id和key之外，还需要按规则传递签名，这一步利用cursor反复处理都无法实现，因此只能放弃本地开发模式。云平台开发模式是用小程序SDK的调用方式，因此就不再需要签名计算，即可跳过该步骤。