大家好，我是讯享网，很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。



公司 90%的代码都用ai生成，导致自己被裁员了。

大家好，我是专注AI编程的杰一，这是我前几天在知乎上面刷到一条评论：

现在是2025年的3月份，经过差不多一年的时间，AI编程工具的能力突飞猛进，已经强到了令人发指的地步。

对于程序员和相关专业的学生来说，AI编程是你必须要掌握的工具。

而对于不会编程的普通人，AI编程则可以降低软件开发的门槛，帮助他们把想法变成现实，全民编程的时代正在到来。

今天，杰一就来教大家如何用Cursor从零开发一个微信小程序。全部代码都由AI自动生成，小白也能轻松上手。

如果是特别复杂的项目，那多多少少还是需要有点代码能力。

但如果只是一些简单的项目，你完全不需要写一行代码。只要你会用电脑，会跟AI交流，那你就能开发自己的软件。

而这个过程中最重要的就是需求挖掘和分析能力。你必须要知道你想解决什么问题，面向的用户群体是谁，而剩下的开发环节，只需要交给AI，你只管给它提需求就行。

在这篇文章中，我以图片压缩程序为例。图片压缩的需求在日常生活中经常遇到，比如当你在报名考试的时候，系统会对你上传的图片有大小要求，可能会要求图片大小不能超过100KB等等。

那这个时候，我们可以考虑开发一个图片压缩的小程序。简单分析一下，我们希望它有这些功能：

• 上传图片，支持JPEG/PNG/WebP
• 可自由选择压缩程度（滑块拖动设置压缩后的大小，并自动计算压缩比例）
• 实时预览，可以对比压缩前后的图像
• 支持将压缩后的图像，发送给微信好友或者保存到相册
• 不经过后端，在前端进行压缩
• 界面美观、简单易用

因为这个需求很简单，也没有后端，你甚至连技术栈都不用去了解。借助AI编程，就能全自动写代码。

我们这次开发需要用到三个工具

• Cursor：
• 下载地址：https://www.cursor.com/cn
• Cursor可以说是目前最强大的AI编程工具，是我们这次主要用到的工具。


• HBuilderX：
• 下载地址：https://www.dcloud.io/hbuilderx.html
• HBuilderX是常用的微信小程序开发工具，提供了丰富的插件和扩展，可以增强开发者的开发体验和效率。

• 微信开发者工具：
• 下载地址：https://developers.weixin..com/miniprogram/dev/devtools/download.html
• 这是微信官方提供的开发工具，我们用它来编译和预览小程序。

首先打开HBuilderX，创建一个小程序的项目模板，也就是生成一些基础的代码文件，这样Cursor就不用从头写一个完整的小程序了。这就好比我们建房子的时候需要先打一个地基，然后再在地基上面实现各种功能。

在新建项目时，选择左侧的uni-app，然后填写小程序的名称：图像压缩小程序

然后选择项目的保存路径，要把这个路径记住，因为后面在Cursor中会用到

然后在模板那一栏，选择默认模板。

最后点击创建，HBuilderX就会自动为我们的小程序创建模板，打下地基。

接着打开Cursor，进入首页后点击Open Project，然后打开你刚刚在HBuilderX里面设置的路径

打开后就能看到下图的界面

左边红框圈起来的是HBuilderX为我们生成的地基文件，我们待会只需要用Cursor在这些地基文件上面修改代码，添加新功能就行。

右边红框圈起来的是Cursor的对话框，我们在这个对话框里向Cursor提出需求，如果有bug的话也是在这里告诉Cursor。

在正式让Cursor编写代码之前，记得把对话框切换成Agent模式。

简单的讲，Agent就相当于一个全能助手，它可以根据你的需求，自动读代码、写代码、改bug。如果想具体了解Cursor的三种模式和使用技巧，可以看我的这篇文章：https://mp.weixin..com/s/PNBZ5ihL9DD5LARtesKexA

此外，模型记得选择Cluade-3.7-sonnet-thinking，这是目前最强大的编程模型，代码能力嘎嘎强。

在对话框中输入我们列举的需求，然后点击Send，Cursor就会开始自动生成代码了

稍等片刻，Cursor就给我们生成完代码了。点击Accept All，接受Cursor生成的代码。

用Cursor写好代码，接下来就是预览我们的小程序了。

回到HBuilderX，在顶部菜单栏，点击 运行 - 运行到小程序模拟器 - 微信开发者工具

然后HBuilderX就会自动打开 微信开发者工具，在里面就可以预览我们的小程序

如果HBuilderX无法自动打开微信开发者工具，提示：# IDE may already started at port 54314, trying to connect 的话

我们只需要手动打开微信开发者工具，点击主界面右上角的设置按钮，然后点击【安全】选项，把服务端口给打开，再回到HBuilderX重新运行即可。

在开发者工具中上传一张图片，初步测试一下小程序的功能

我们发现目前存在下面这样的几个问题：

• 压缩后的图像被裁剪了，这是我们所不希望看到的，我们仅仅希望调整图片的质量来进行压缩
• 随着滑块的拖动，压缩后图片的大小和压缩率并没有变化，也就是并没有实时更新

把发现的问题一个一个告诉Cursor，让Cursor修改bug

首先来修复图像被裁剪的bug

接下来修复压缩率的bug，我们告诉Cursor允许有损压缩

然后，再次切换到微信开发者工具，点击右上角的编译更新代码

然后重新预览小程序，已经可以正常压缩图片啦

再简单测试一下保存功能，保存功能没问题，可以正常保存

再看看分享功能，分享功能也没有问题

登录小程序管理后台：https://mp.weixin..com/

点击左下角头像，进入设置页面，下拉找到AppID

进入HbuilderX，打开manifest.json，选择微信小程序配置，把AppID填写进去

然后打开微信开发者工具，点击右上角的上传，设置版本号和备注

最后再进入小程序后台管理界面，进入版本管理，把刚刚上传的代码提交审核就可以啦

到这里，图片压缩小程序基本就开发完成了，全程花了不到半个小时

作为普通人，AI编程的出现极大地降低了开发软件的门槛，只要你有需求，都可以借助AI编程工具来将想法变成现实。

全民编程的时代已经到来，不怕你没技术，就怕你没想法。