使用cursor开发小程序

小程序大模型数据库

最近花了较多的时间使用和研究各种AI编程工具。

作为一个前端渣渣的我,陆续用它们开发了一些小工具,包括2个 小程序,1个浏览器插件,以及1个网页应用。

3个字来描述我的感受,就是:爽歪歪。

现在的cursor/trae这些工具,已经不仅仅是copilot代码助手,而是能够自主规划和完成项目的编程agent。

你只需要给它们一张图片,或者一个readme文档,它们就可以独立规划工作流,完成整个项目,你只需要做一些测试,给到它们反馈让它们修改就可以了。

before: 人类是司机,AI是副驾驶。

now: AI是司机,人类是副驾驶。

时代变了,伙计们~

是不是人人都可以成为程序员我不知道,但我知道每个工程师都可以成为全栈工程师~

因为AI精通各种编程语言,只需要一个合格的测试工程师~

一,我开发的小程序

下面这个是我用cursor开发的一个小程序,叫做"记个todo"。

已经上线了,大家可以扫码体验一下。

也可以在微信小程序搜索"记个todo",体验一下。

picture.image

这个小程序是我跟cursor唠嗑唠了几个小时唠出来的。

我刚开始给了它这样一个readme.md,让它帮助我开发。


          

          
帮我开发一个"记个todo"的小程序。具有如下功能。
          

          
1,可以添加 和 删除 TODO。
          
2,可以拖动TODO进行排序。
          
3,TODO可以打勾。
          
4,如果TODO数量超过3个,将第4个以及以后的TODO自动折叠,并显示折叠的TODO数量。
          
5,当有TODO折叠时,提供展开/折叠按钮,以便可以展开/折叠的TODO。
          
6,当最后一个TODO打勾完成时,屏幕上显示一个满天星星落下的动画,持续3秒,作为庆祝动画。
          

      

然后我就一直在微信开发者工具的后台调试它的效果,有遇到问题,就抛给cursor让它给我改。

聊了几个小时后,就基本上达到了我满意的效果。

全程我没有敲一行代码,没有看一行代码。

只是不停地把想要的效果和实际效果的差异,用中文描述给cursor,偶尔截图给它看看。

二,小程序开发步骤

想要完整地开发上线一个小程序,还是需要知道一些背景知识的。

以下是我在完成小程序项目过程中,跟腾讯元宝唠嗑后收集整理的一些信息,供大家参考。

1,注册小程序

每个个人用户身份证可以注册最多5个。

每个企业用户最多可以注册50个小程序。

每个小程序有一个独立的账号,使用一个独立的邮箱,且该邮箱不能被公众号使用过。

注册了一个小程序后,需要获取APPID,开发需要使用它。

2,安装微信开发者助手

微信开发者助手提供了新建项目模版,代码调试,代码编译,和代码上传的功能。

picture.image

3,开发调试小程序

微信开发者助手新建项目并保存后,可以在trae/cursor/vscode中打开项目目录。

使用AI帮助编写代码,然后在 微信开发者助手中调试和上传代码,这样是效率最高的。

注意小程序对代码包大小和资源文件大小有一定的约束。

主代码包不能超过4M,如果使用分包加载方式,总共不能超过20M。

资源文件(如onnx模型文件)单个文件大小不能超过10M,全部资源文件总大小不能超过200M。

4,发布小程序体验版

微信开发者助手中上传代码后,可以在小程序后台完善小程序的信息。

包括logo图像,小程序介绍,以及小程序类目等。

然后就可以发布体验版本了,体验版本可以设定有权限的用户。

5,小程序备案

如过要发布正式版本的小程序,还需要将小程序经过备案手续。

需要在小程序后台申请国家工业和信息化部的备案。大概耗时7~20天。

每个主体(身份证和企业营业执照号)同一时间只能有一个小程序处于备案流程中。

picture.image

6,小程序发布审核

备案通过后,可以提交代码给小程序官方审核发布。

后面每次更新小程序代码版本,也需要经过发布审核的流程,大概1到3天。

7,微信认证

没有微信认证的话,小程序是不能够被分享和搜索的。

微信认证是第三方渠道进行身份认证,类似背调。

个人的话是30元,企业的话是300元。

微信认证后,小程序就可以被分享和搜索了。

微信认证的昵称就是小程序的名字,需要全网唯一。

微信认证一般需要1到2天。

三,各种AI编程工具对比

下面几款AI编程工具,我都尝试和使用过一些时间。谈谈我的使用体验,便于大家挑选。

我个人目前用得最多的是trae。

1,github copilot

⚫️ 智能性: 强,内置Claude-3.5, GPT 4o, o1 等模型。

⚫️ 流畅性: 一般,copilot edit 自动生成项目容易卡主。

⚫️ 独特性: github官方出品,只要有github账户就能用。

⚫️ 载体形式:vscode插件。

⚫️ 工具费用:免费版每月提供2000 次代码补全和50 次聊天请求。

⚫️ 推荐星级:⭐️⭐️⭐️

2,cursor

⚫️ 智能性: 非常强,内置Claude-3.5, GPT 4o等模型。

⚫️ 流畅性: 非常流畅,体验很好。

⚫️ 独特性: 行业顶流,最先出圈,后面的都是模仿和跟随者。

⚫️ 载体形式:基于vscode继续开发的独立IDE。

⚫️ 工具费用:14天的免费Pro体验,之后20美元每个月订阅费。

⚫️ 推荐星级:⭐️⭐️⭐️⭐️⭐️

3,windsurf

⚫️ 智能性: 很强,内置Claude-3.5, GPT 4o等模型。

⚫️ 流畅性: 非常流畅,与cursor相当。

⚫️ 独特性:比cursor便宜一些。

⚫️ 载体形式:基于vscode继续开发的独立IDE。

⚫️ 工具费用:14天的免费体验,之后15美元每个月订阅费。

⚫️ 推荐星级:⭐️⭐️⭐️⭐️

4,cline(搭配deepseek v3)

⚫️ 智能性: deepseek模型很强,但不支持图像(主要痛点)。

⚫️ 流畅性: 无比流畅,好于cursor。

⚫️ 独特性:完全开源。

⚫️ 载体形式:vscode插件。

⚫️ 工具费用:按照deepseek使用token收费,非常便宜。一般使用一个月10元人民币足以。

⚫️ 推荐星级:⭐️⭐️⭐️⭐️

5,trae

⚫️ 智能性: 很强,内置Claude-3.5, GPT 4o等模型。

⚫️ 流畅性: 非常流畅,略弱于cursor。

⚫️ 独特性:国内字节出品,默认中文界面,跟cursor完全对标。

⚫️ 载体形式:基于vscode继续开发的独立IDE。

⚫️ 工具费用:当前产品实验推广阶段免费,后续可能收费。

⚫️ 推荐星级:⭐️⭐️⭐️⭐️⭐️

picture.image

0
0
0
0
评论
未登录
看完啦,登录分享一下感受吧~
暂无评论