AI秒速开发微信小程序：利用 cursor 零代码基础也能轻松上手！

4,386 0 0

如何从零开始，用AI快速开发微信小程序？

在没有AI辅助之前，开发微信小程序对于没有编程经验的人来说，是一个巨大的挑战。你需要掌握 JavaScript、WXML、WXSS 等多种编程语言和技术，还要熟悉微信小程序的开发框架。这需要大量的学习时间和实践，门槛非常高。此外，调试代码、解决bug也是一个非常耗时的过程。

AI的出现，让不懂编程的人也能快速上手开发小程序。利用 AI 的代码生成能力，可以大大降低开发难度，并提高开发效率。就像文章作者一样，可以轻松制作一个简单的问答小程序。这大概就是，遇事不决，可问 AI？

下载：首先，你需要下载并安装微信官方提供的微信小程序开发工具。
下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
功能：该工具提供了代码编辑、调试、预览等功能，是开发小程序必不可少的工具。
新建项目：安装完成后，选择“不使用模板”，创建一个空的小程序框架。
目录设置：可以根据自己的需要修改项目目录结构，记住项目目录很重要。
AppID：在小程序后台可以查看你的 AppID，这个ID非常重要，相当于你小程序的身份证明，要妥善保存。

下载：下载并安装 Cursor 代码编辑器。
官方地址：https://www.cursor.com/
语言配置：安装后，配置中文语言包，方便使用。具体方法是：在设置中搜索 Chinese，安装并重启编辑器。
开启 Composer：Composer 是 Cursor 的核心功能，可以实现多文件同时编辑和一键生成代码，需要手动开启。
- 开启步骤：点击“文件” -> “首选项” -> “Cursor Setting”，检查并开启 Composer。
打开小程序项目：在 Cursor 中选择之前创建的微信小程序项目目录，开始编辑代码。

Cursor 的优势： Cursor 不仅可以智能提示和错误检查，还可以利用 AI 帮你完成整个程序的编写，即使是编程新手，也可以快速生成代码。
创建 readme.md 文件：在项目中创建一个 readme.md 文件，用于描述你的小程序需求。例如：
1. 你是一个经验丰富的微信小程序UI工程师，熟悉微信的UI设计，设计风格简约明朗。
2. 你将负责设计微信小程序的UI。
3. 你现在已经在微信小程序的项目中，不用帮我生成项目目录结构。
4. 我需要设计一个页面：页面有一个输入框，一个按钮。
5. 输入框中输入内容，点击按钮后，会调用硅基流动的api，调用成功后，会返回文字，将文字显示在页面上。
6. 所有调整备注更新至readme.md
使用 Composer 生成代码：选中 readme.md 文件，按 Ctrl+I 或 Control+I 调出 Composer，选择 claude-3.5-sonnet-20241022 模型（推荐），输入提示词： “根据这个文档的内容，帮我编程”。
代码评估：等待AI完成代码编写后，先预览代码，如果效果不好，可以继续让AI修改。
保存代码：如果代码效果不错，可以点击 accept all，将代码保存到你的项目目录中。

用户角度：现在你即是开发者，也是产品经理，需要站在用户角度不断完善小程序功能。
发现问题，解决问题：回到微信小程序开发者工具，运行你的小程序，发现问题，复制问题描述，粘贴到 Cursor 中，让 AI 帮你解决。
不断调试，不断优化：通过不断的测试、调试和优化，最终将你的小程序完善到你满意的状态。这个过程，就像程序员与产品经理的博弈，只不过这次，你一个人身兼二职。