0代码经验,半天时间,我用Cursor从0到1开发了微信小程序并上线

彩虹网

低门槛开发:重塑产品人边界,0 代码开发微信小程序全流程

在当今科技发展的浪潮中,低门槛开发正逐渐重塑产品人的能力边界。当开发工具变得足够智能,创意与执行之间曾经难以跨越的技术鸿沟正在逐渐消失。本文将讲述一位毫无代码经验的产品人,如何借助 Cursor 这款工具快速开发并上线微信小程序,同时分享整个过程中的关键提示词,相信会对大家有所帮助。

当下 AI 编程十分火热,不妨亲自尝试开发一个小程序。令人惊喜的是,无需掌握任何代码知识,只需通过截图、复制(Ctrl + c)、粘贴(Ctrl + v)等简单操作就能完成。接下来,我将分享自己开发微信小程序的全过程。

一、我的工作流1. 注册小程序并开启备案

首先,要注册小程序并同步开启 ICP 备案。由于备案需要经过管局审核,提前完成这一步,能为后续审核留出足够的调试时间。审核速度通常较快,我这次的审核工作日时长大约为 1 周。

小程序的注册地址为:https://mp.weixin.qq.com/ 。在注册过程中,除了按照步骤填写类目、产品介绍等基本信息外,要及时获取 appid,这将有助于后续 AI 顺利进行开发和调试。

0代码经验,半天时间,我用Cursor从0到1开发了微信小程序并上线

2. 使用 Cursor 进行开发

使用 Cursor 可以完成产品需求文档、前端各类代码以及 UI 设计需求文档的编写。只需告知 AI 要开发的产品及其具备的功能,对于一些简单的产品,这样的指令基本就足够了。如果有参考产品,提供链接或对应的截图会更有帮助。

0代码经验,半天时间,我用Cursor从0到1开发了微信小程序并上线

我当时的需求是开发一个功能完整的微信小程序,使用 JavaScript 语言,并且能够编译运行。具体要求如下:

给出这些指令后,AI 会根据微信小程序的要求创建一个文件夹,之后将其同步到微信开发者调试工具中。这样一来,AI 端的修改能实时同步到调试工具中,方便我们及时查看是否符合预期。

不过,最初给出的提示词往往比较抽象,生成的结果可能不尽如人意。因此,需要添加一些约束条件:

内容要求设计风格技术规范响应式设计图标与视觉元素交互体验性能优化输出要求

添加这些约束条件后,生成的结果会更接近我们的预期。

3. 下载并打开微信开发者工具进行调试

可以直接从 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 下载微信开发者工具。下载完成后,AI 编写的框架可以直接在工具中预览。打开对应的模拟器,AI 端的所有需求更改都会快速同步过来,方便我们及时验收校验。

如果 AI 编写的内容满足需求,那么开发基本就完成了。若遇到报错或奇怪的弹窗,只需将截图或内容复制给 AI,它会帮忙处理。上传代码时,如果遇到红色感叹号,同样复制给 AI 即可。

4. 提交审核

代码上传完成后,回到小程序后台的版本管理界面,能看到在调试工具平台上传的代码版本。点击提交审核,大约 5 分钟后审核即可完毕。

二、关于持续使用 Cursor

我使用的是 fly cursor,它提供 14 天的免费试用,非常划算。

通过这次开发经历可以发现,低门槛开发让没有代码经验的产品人也能轻松开发出自己的小程序,大大拓展了产品人的能力范围。希望大家也能借助这些工具,实现自己的创意。

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。