用Cursor开发微信小程序的第一天

摘要:本文分享了使用 Cursor 构建微信小程序的实践体验。Cursor 不仅能帮助程序员理解代码库、通过写测试用例规范 AI 编写代码,还能解析图片构建前端页面、引导完成项目搭建、处理 Git 代码评审等。作者重点演示了如何用 Cursor 从零搭建一个名为 HandNotes 的微信小程序------只需通过选项卡确认项目需求,Cursor 便会自动完成页面搭建,开发者只需拿到 AppID 和环境 ID、创建数据库集合、部署云函数即可。此外还介绍了 Cursor 构建 Grok Bot(协作机器人)的能力,让 AI 在云端持久执行重复性工作。

先来解释一下什么是 Cursor?

Cursor 可以帮助程序员理解代码库,并通过写测试用例规范 AI 编写代码,从而提高写代码的效率。

同时还可以让它做下面这些工作:

解析图片,构建前端页面,当我们指向某一组件时,通过自然语言可以优化样式;

构建一整个项目的同时,它会通过选项卡的方式,询问项目的细节,比如小程序的主要内容是社区类/内容展示,一步步引导我们更好地完成项目的搭建,包括数据库的完善、参数的配置等;

Git 方面的代码评审、推送以及其他重复执行的操作。

其中最让我惊讶的是,Cursor 可以构建 Grok Bot(协作机器人)。我的理解是,给 Grok Bot 一些指令,让它执行重复性工作,比如从一堆文件里匹配出我要找的函数;只有到关键时刻,它才会向我汇报并确认我的需求。而且这些 Bot 都配备了浏览器、文件系统和终端,可以持久地在云端计算机上工作。不过这一块我还没尝试过。

构建小程序

一开始我不确定该怎么用 Cursor 去构建微信小程序(其实我之前有一个小程序写到了一半),所以我随口输入了下面这句话:

Cursor 用选项卡的模式,向我询问了项目的名称、主要内容以及其他需求,然后在电脑上找到了微信小程序的文件夹,并往里面添加了一个名为 HandNotes 的项目。(⚠️注意)这个时候,用微信开发工具打开项目,里面的页面已经搭建完成,而我只需要:拿到 AppID 和环境 ID、创建数据库集合、部署云函数。

数据库集合建完,云函数也部署完成。接下来,让 Cursor 讲解这个代码库的主要内容。

下面的内容下次再继续分享。免费版的 token 已经耗尽了,我去看看有没有办法重置一下,继续使用;不然就得等到下个月了。

相关推荐
子兮曰4 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万4 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
1点东西4 天前
做了近两年的Agent开发,其实真正要学的就是这五件事
llm·agent·ai编程
七牛云行业应用4 天前
Qwen-Image-2.1 开源部署完整指南:Diffusers、ComfyUI 与推理服务
ai编程
福如意如我心意4 天前
TencentDB Agent Memory和其他开源memory
ai编程
MoonMoonLee4 天前
小程序配置
小程序
小虎AI生活4 天前
腾讯开源了一个项目,让 AI 直接用你已经登录好的浏览器
aigc·ai编程
瑶山4 天前
开源编程Agent-OpenCode完整使用教程
开源·agent·ai编程·opencode
技术民工之路4 天前
文生视频 vs 传统视频制作:核心优势
ai编程
plainGeekDev4 天前
Harness 实战:用 Android 登录模块搭一套可靠的 Agent 开发环境
aigc·ai编程·claude