用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 已经耗尽了,我去看看有没有办法重置一下,继续使用;不然就得等到下个月了。

相关推荐
人才瘾大1 小时前
一行代码让Agent账单翻10倍:KV Cache友好的Agent设计
ai编程
灵感__idea1 小时前
《AI工程》:模型选择,微调与数据集(深度篇)
aigc·openai·ai编程
司小豆1 小时前
第七课:DeepSeek Harness 服务与依赖注入
java·服务器·开发语言·github·ai编程
CRMEB系统商城2 小时前
汽车养护连锁的数字化底座CRMEB 多门店系统实战方案
java·开发语言·小程序·开源·汽车
小马过河R2 小时前
微信小程序自定义登录态维护:从入门到生产级落地
后端·微信小程序·小程序·架构·登录态
火眼金睛炼单词2 小时前
零基础高效记忆单词:小程序学习法的完整实操指南
学习·小程序
vx+_bysj68692 小时前
springboot 旅行小程序97353
spring boot·后端·小程序·旅行小程序
andrsted8 小时前
用练题簿小程序 - 让错题不再白错
学习·微信小程序·小程序·学习方法
2601_949950638 小时前
练题簿,把培训从“走过场”变成“真落地”
人工智能·学习·小程序·刷题·小程序推荐