关于我用 Cursor 和 微信云服务做了一个自己的 todo 小程序

53 阅读2分钟

2026 新年到来 是时候给自己定一些新的目标啦

失业1年多了,真实的体验到了不上班的快乐。但是快乐归快乐,今年的目标还是得规划规划了。一直想做一个todo的工具供自己使用,无奈自己搞不来后端,也搞不来服务器,也懒得搞。之前从别人那里听说,微信云服务开发,可以不用自己买服务器,我这一下就来了兴趣,直接开始研究~

ee641b9344cf520563f2abfd05c55eb8.jpg

  • 工具: Cursor、微信开发者工具
  • 代码:全程未写代码,使用AI来完成

反手我就百度了一下,找到并进入到了微信云开发网页,然后搞了个比较好用的小程序模版(地址),如下图:

image.png

开干~

我们先使用如下图的cli工具直接初始化一个项目:

npx degit dcloudio/uni-preset-vue#vite my-vue3-project image.png

项目下载后,这个时候轮到我的佣人登场了

image.png

package.json啥玩意儿啊,这么多命令,干干干,直接让我的佣人给它干掉~

image.png

这一看,干净多了~

image.png

然后当然是命令他把appid给我换掉了,直接去微信公众平台去获取,对话让他给换掉

image.png

接下来启动项目,npm start,这个时候会生成一个dist目录

image.png 我们使用微信开发工具打开这个mp-weixin,然后选择微信云开发

image.png

然后,一个简单的初始化界面就能显示出来 image.png

点击微信开发工具上方的云开发,进入到云开发界面

image.png

进入后,会让你创建一个环境,我们选择一个免费白嫖就行,创建后如图:

image.png

选择数据库,然后创建自己的集合,这里我创建了todo-tabletodo-children-table两张表,

image.png

对应的数据权限设置为

image.png

好好好,到这里,大功告成...一半

初始化连接数据库

不多比比,直接上链接

image.png

这些都不用自己干,直接让佣人来就行了,从云开发平台的这个链接进去

image.png

然后把表名替换成自己表,其他的交给佣人来办就行啦 image.png

酷酷一顿命令佣人,搞出来这个界面

image.png

增删差改一个都不会落下,哈哈哈

image.png

以上内容都是属于白嫖了,当然Cursor我是买的会员,没得办法,为了省点脑力,只有花钱解决了~像这样做一个简陋的,只供自己用的小程序,真的是很方便快捷,一会儿就撸出来了,真不戳~