用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 小时前
AI 写的代码越漂亮,越不敢改|Spec Kit 实战:7 阶段 + 多模型分工,终结许愿式编程
ai编程
上海秉坤7 小时前
小程序如何打通门店?预约、券码核销与会员服务记录的流程设计
小程序·零售
lugiax7 小时前
拿了奥数满分的 AI,为什么偏偏是个“生活小白”?
ai编程
用户842558130877 小时前
界面说「已保存」,接口说「每天只能发 5 篇」:一次发布失败的完整取证
ai编程
用户539418729078 小时前
别只在 prompt 里让 AI 别碰文件:我给仓库装了四道提交闸门,越界直接拒绝提交
ai编程·cursor
ZzT8 小时前
Claude Code 团队的代码评审:合并量翻倍,回滚率降了 40%
ai编程·claude
HjhIron8 小时前
从朴素RAG到Agentic RAG(二):基于LangGraph的混合检索、重排与闭环设计
ai编程
坊钰8 小时前
【LangGraph框架入门级】12. 人机交互:interrupt 中断与 Command 恢复
开发语言·数据库·python·人机交互·ai编程·langgraph
Solara8 小时前
一个标志位挂了 18 天不落地:它等的重启,2 天 14 小时后就完成了
人工智能·程序员·ai编程
SkyWalking中文站8 小时前
从模型输入到文件变更:追踪 AgentCore 上的 LangGraph Agent
langchain·aigc·ai编程