首页 > 编程语言 >真的一行代码没写,使用cursor智能代码编辑器,通过问答的方式,我构建了一个微信小程序

真的一行代码没写,使用cursor智能代码编辑器,通过问答的方式,我构建了一个微信小程序

时间:2024-11-14 15:51:08浏览次数:3  
标签:微信 代码 程序 cursor 开发者 注册

文章目录


使用cursor已经有一段时间了,主要是辅助代码开发,一直没有深入探索无代码进行产品开发的方式,想体验下,于是选择了自己不熟悉的开发领域微信小程序,给自己定位产品经理,不做任何开发,让cursor帮我构建一个微信小程序产品,产品雏形构建大概花了2个小时,后续版本优化陆续大概耗费两个小时,废话少说,先上成品, 小程~序查找**: 123

1 待办123 产品介绍

1.1 使用说明

使用方式如下:
1

1.2 产品亮点

  • 极致简洁:没有多余的功能,适合日级事项安排,随手记录,不适合更精细化的小时分钟级别的事项
  • 断网可用、安全快速:事项不上传网络,保存在本地,所以不用担心隐私问题,另外断网的情况下,小程序依然可以打开使用,在某些场景下比较好用,比如飞机上。

1.3 应用场景

  • 生活事务:买菜、购物、约会安排、活动待办等
  • 工作任务:重要事项、重要会议、工作安排等
  • 个人日常:每日待办
  • 学习计划:读书计划、课程安排

我自己一直在用,主要记录每日重要待办事项,日事日毕,也推荐其他人使用,最多居然是买东西记录,完成一项勾一项,比较方便

2 零基础实战教程:零代码开发微信小程序

本节将详细介绍如何从0开始,借助AI完成微信小程序开发。即使你不懂编程,跟着操作也能搞定!

2.1 微信公众号注册小程序

如果没有小程序账号需要先注册一个,按照如下步骤注册,如果有账号,则跳过此步骤。

  1. 登录微信公众平台,点击右上角的"立即注册"按钮。
    1
  2. 选择"小程序",点击"前往注册"。
    2
  3. 按照流程完成小程序注册即可。
    3
  4. 登录小程序后台,获取小程序APPID
    注册完成后,访问:https://mp.weixin.qq.com/
    使用微信扫码,选择刚刚注册的小程序,即可进入小程序后台。
    在开发者管理里可以查询到小程序APPID
    5

获取到小程序APPID后,我们就可以通过微信小程序开发工具进行开发了。

2.2 下载安装微信开发者工具

  1. 下载微信开发者工具,微信开发者工具下载地址:(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
  2. 安装微信开发者工具,一路默认安装即可。

2.3 下载安装cursor

  1. 下载cursor,cursor下载地址:(https://downloader.cursor.sh/windows/nsis/x64)
  2. 安装cursor,一路默认安装即可。
  3. 打开cursor,需要注册登录后才能使用,默认一个账户免费2周,可通过更换不同的邮箱地址重新注册继续使用(有个bug:同一个邮箱注销账户再注册也可以),也可通过cursor官网购买会员。
    首次启动时,会弹出登录窗口,如果没有通过如下方式打开登录窗口:File菜单->preferences->CursorSettings,点击Sign in弹出登录界面
    6
    7
    然后点击Sign Up - 进行注册,注册完成后,点击Sign In - 进行登录

好了我们的准备工作已经完成,接下来我们就可以使用cursor零代码开发微信小程序了。
这里介绍下cursor的三个快捷键,也代表cursor的三个主要辅助场景:

Ctrl+K:编辑代码
Ctrl+L:回答用户关于代码和整个项目的问题,也可以编辑代码(功能最全面)
Ctrl+i:编辑整个项目代码(跨文件编辑代码)

这里我们主要用的是Ctrl+i,Ctrl+i是专为整个项目设计的,可以通过和模型对话来开发整个项目,过程就和聊天差不多,在会话中可以帮助你创建文件、删除文件、同时编辑多个文件等功能,无需关注代码实现。

2.4 使用cursor零代码构建微信小程序

  1. 打开微信开发者工具,点击+图标,添加项目
    8
  2. 创建小程序,输入项目名称、目录、刚刚获取到的小程序APPID,后端服务选择不使用云服务,开发模式选择小程序,模版选择不使用模版,点击创建
    9
    微信开发者工具主要就是创建一个微信小程序的开发环境,能够调试和预览,我们不用关注代码,代码交给cursor来生成。
  3. 打开cursor,点击左上角file,点击open folder…,选择刚刚我们小程序创建的目录,打开目录
    10
  4. 打开目录后,cursor会加载微信开发工具生成的框架目录和代码,我们不需要关注代码,接下来我们用cursor在当前需要创建一个prd.md的需求文件,来编写我们产品的原始需求:
    11
    需求编写的好坏,直接决定生成代码的质量,所以这里需要有一定的产品思维,能够编写出高质量的需求,当然如果自己不会写,也可以让cursor来写需求,并更新到prd.md文件中。
  5. 原始需求编写完成后,通过快捷键Ctrl+i,打开composer对话框,我们通过此对话框和cursor对话,来生成我们需要的代码。
    12
  6. 实战经验
  • 首先我们可以让composer基于prd.md文件,生成代码,在对话框中输入:
微信小程序的代码框架已经构建好,请基于此框架,结合prd文档内容,帮我生成代码

此时composer就会调用模型并生成代码,
13

根据生成的代码我们可根据自己的需要选择接受或者拒绝,接受后会更新到项目中去,通过多轮的对话逐步调整需求和代码,实现产品的开发

  • 每当cursor生成代码,我们接受后,微信开发者工具会自动加载最新的代码,并同步到微信开发者工具中,这个时候我们打开微信开发者工具,就可以看到最新的预览界面了,我们可以查看产品功能和效果是否满足,如果不满足,再返回cursor,通过对话进行改进,直到满足需求为止。
  • 如果微信开发者工具提示错误,这时候不用慌,直接把错误拷贝到cursor,像这样告诉cursor:
微信开发者工具提示错误,请查找整个项目代码逻辑,帮我查看下错误原因,并解决

cursor就会调用模型,帮我们分析错误原因,并优化代码解决问题。

  • 每当我们跟cursor对话,生成符合我们需求的代码后,最好让cursor基于当前的沟通情况,更新prd.md文件,方便后续的迭代开发。
  1. 最后,当产品开发完成后,我们就可以发布小程序了,发布小程序的详细教程,可以参考微信小程序发布详细教程:(https://developers.weixin.qq.com/miniprogram/introduction/)
    14
    发布之前,在微信开发者工具中编译、上传版本,然后参照上面的发布教程,进行小程序发布即可
    这里有个小技巧:每次发布前,通过composer对话中输入如下内容,让cursor帮我们检查下代码,确保代码没有问题,避免发布失败。
我要提交版本了,请帮我检查下代码,确保代码没有问题,如果有问题,请帮我优化代码

3 总结

通过cursor零代码开发微信小程序,体验下来,感觉还是非常不错的,尤其是对于懂产品有想法,但是不懂开发的产品经理,通过cursor,我快速构建出产品雏形,然后通过和cursor对话,逐步优化产品,直到满足需求为止,整个过程非常流畅,体验非常好,强烈推荐大家体验。
昨天2024百度世界大会,发布了无代码工具“秒哒”发布,借用李彦宏的话:“我们将迎来一个只靠想法就能赚钱的时代”,现在感觉想法很重要,如果各位有其他想法,可在留言区留言,后续我会根据大家的想法,尝试通过cursor零代码开发出更多有价值的产品。

小程序代码下载: 壹仓,发:待办123,下载小程源码,基于此代码,大家可以继续迭代优化,也可以基于此代码,开发出更多有价值的产品。

标签:微信,代码,程序,cursor,开发者,注册
From: https://blog.csdn.net/water1209/article/details/143758390

相关文章

  • 低代码、配置式web组态软件
     演示地址:http://www.hcy-soft.com体验地址:http://www.byzt.net:90这是一款可以嵌入到任何项目组态插件,功能全面,可根据自己的项目需要进行二次开发,能大大的节省在组态上的开发时间,代码简单易懂。 一、数据流向图及嵌入原理数据流向嵌入原理二、编辑器调用业务流程图......
  • 往事随风:SAP查看程序代码方式
    1、点“系统"--状态 2、在状态窗口中,”程序”文本框中为该事务码的程序,双击可以打开源代码;,  4*&---------------------------------------------------------------------**&ReportZFIRP0037*&------------------------------------------------------------------......
  • Salesforce Flow低代码,让流程自动化更简单!
    Salesforce平台每月提供超过1万亿次自动化服务,每月可节省超1090亿小时,预计为客户创造超2万亿美元的商业价值。这是一组不可思议的数字,充分展现了软件自动化的力量。Flow是整个Salesforce平台自动化的未来,一直在将大量资源用于开发Flow创新。本次Winter'25中自然也少不了Flow的......
  • 健身房私教预约微信小程序ssm+论文源码调试讲解
    第2章开发技术的分析和选择2.1微信小程序技术介绍微信小程序,小程序的一种,英文名WechatMiniProgram,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用微信小程序在产品功能设计上给用户更多控制力。在微信小程序的设置......
  • 代码随想录算法训练营 | 200.岛屿的数量
    岛屿的数量题目链接:https://leetcode.cn/problems/number-of-islands/此题目要点:dfs和bfs都可以解决此题,但是使用dfs代码会更加的简洁首先对grid进行遍历,每一个节点都进行检查,判断是否是1(陆地)如果是,则进行dfs深搜,并将所有搜到的岛屿节点全置为0,表示此块岛屿已经被搜过了,防......
  • 百万前端之uniapp开发微信小程序快速上手
    uniapp,一端开发多端使用。在使用uniapp开发之前必须要先掌握vue的语法,因为uniapp是基于vue的语法进行开发的。下载好HBuilderX工具进行开发,事半功倍。开发工具:HBuilderX、微信开发者工具(预览小程序)开发环境:node.js 1.创建项目使用uni-ui多端兼容,开发更高效!2.基础配置......
  • 大学生网页设计制作作业实例代码 HTML+CSS+JS (1)
    文章目录......
  • 基于微信小程序的智慧小区服务管理系统(源码+LW++远程调试+代码讲解等)
    摘 要使用旧方法对小区服务管理系统的信息进行系统化管理已经不再让人们信赖了,把现在的网络信息技术运用在小区服务管理系统的管理上面可以解决许多信息管理上面的难题,比如处理数据时间很长,数据存在错误不能及时纠正等问题。这次开发的小区服务管理系统对安保管理、安保分配......
  • 基于微信小程序的大学生心理健康测评系统设计与实现,LW+源码+讲解
     摘 要随着移动互联网的发展,理论和技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱,出错率高,信息安全性差,劳动强度大,费时费力等问题,采用大学生心理健康测评管理系统可......
  • 从零到一构建并打包 React + TypeScript + Less组件库教程(一、项目初始化搭建+代码规
    本系列涉及的内容如下:组件库基础搭建,react+ts+less项目规范,包括但不限于prettier、eslint、stylelint、husky、lint-staged、commitlintpnpmmonorepo+turborepo集成gulp+webpack构建esm、cjs和umdstorybook文档集成此系列不包含发布npm和构建CI流程。......