乐于分享
好东西不私藏

AI工具体验 | 第1期:用编程助手10分钟写出属于自己的微信小程序

AI工具体验 | 第1期:用编程助手10分钟写出属于自己的微信小程序

好久未见,别来无恙✨

一晃一年时光匆匆,忙于工作奔波,暂停了这里的更新。如今重新归来,依旧初心不变,继续在这里和大家分享工作和生活中的想法,很高兴,我们又见面了。

很多小伙伴一直有个疑问:没有编程基础,到底能不能做微信小程序?能不能做移动APP?能不能做网页应用?……

想要开发一个方便自己生活或工作的小工具,但是一看到代码、开发、配置这些词,就直接劝退。

以前做开发,确实要学一堆东西:HTML、CSS、JS、JAVA、PYTHON、小程序语法、调试、环境问题……没个几周根本入门不了。

我以前也这么认为,但最近一段时间由于工作原因,接触了很多AI编程助手,就像是打开了新世界的大门,发现编程从未如此简单!

不用死记代码、不用懂复杂逻辑,只要会打字说需求,AI就能帮你写完代码。

今天就用超简单的方式,手把手教大家:小白如何借助AI,从零开发一款微信小程序,全程零基础可学。

本期内容较多,放一个目录方便查找相关内容。


一、打消顾虑

先打消大家的顾虑:编程小白真的能做小程序吗?

很多新手有这3个误区,看看你是不是也中招了:

  • 误区1:做小程序必须会写代码

  • 误区2:开发小程序很费时间、很复杂

  • 误区3:只能花钱找人定制,自己做不了

现在全部推翻!

AI编程助手的作用,就是帮我们代替人工写代码、改代码、排错

你只需要做「产品经理」,告诉AI你想要什么功能,剩下的写代码、调格式、修bug,AI全部搞定。


二、准备工具

提前准备2个工具(免费、超简单)

正式开始前,只需要准备两样东西,全部免费安装:

1. 微信开发者工具

微信官方的小程序开发软件,所有小程序都是用这个工具预览、调试、发布的。

直接百度搜索「微信开发者工具」,去官网(https://mp.weixin.qq.com/)下载安装即可,无脑下一步安装就行。

2. AI编程助手

市面上主流的AI都可以用,比如日常常用的AI对话工具(豆包、千问、DeepSeek、元宝)、专属AI编程助手都可以。

我个人习惯用字节跳动旗下的Trae编程助手(https://www.trae.cn/),它的优势是免费、IDE交互友好、内置模型丰富,本次我将用Trae为大家演示。


三、手把手教学

全程不用自己写一行复杂代码,核心就是:清晰给AI提需求 → 生成代码 → 导入工具 → 预览使用

1、明确自己的小程序需求

先想清楚,你想做一个什么样的小程序?

给大家举几个新手最常做的简单案例:

  • 个人名片小程序(展示头像、简介、联系方式)

  • 日常打卡小程序(学习打卡、健身打卡)

  • 简单记账小程序

  • 图片展示、作品展示小程序

  • 文字语录、随机文案小程序

重点:需求越简单清晰,AI写的代码越好用!

自从果果出生后,我经常陪着打疫苗,但有时候一忙起来就忘记下一针什么时候打、打哪种疫苗了,所以我就想着做一个能提前提醒我该带娃打疫苗的小程序,本次就以我的小程序“苗记管家”为例展示开发过程。

2、打开Trae,勇敢地向它提问

很多人用AI写代码不好用,不是AI不行,是不会提问题

这里给大家一个小白万能AI编程提示词,直接复制就能用:

我是编程小白,请帮我开发一个微信小程序,功能:【这里替换成你的需求】。

要求:代码完整、可以直接在微信开发者工具运行、代码附带简单注释、界面简洁好看,不要多余复杂功能。

发送之后,AI就会自动为你生成:完整小程序全套代码 + 每一步使用说明

已关注

关注

重播 分享

生成过程还是很有科技感的,有没有一种自己由菜鸟突然化身为编程大牛的感觉~

3、导入小程序项目

(1)打开刚刚安装好的「微信开发者工具」

(2)选择「导入项目」,把Trae生成的项目导进来,不用填写复杂信息

(3)一键预览,点击工具右上角的「预览」按钮,用微信扫码,就能在手机上看到你自己制作的小程序了!

4、不断追问,持续优化

我认为这是最重要的一步!!!

人无完人,AI也不是完美的AI,第一次生成的代码大概率会有错误或者很多不符合自己实际需求的地方,这时候就需要不断向AI追问,要求其改正。

(1)预览报错

没关系,直接把报错复制到编程工具对话框:

(2)未满足自己需求

没关系,持续追问,直至让你满意。

比如给我生成的第一版,疫苗名称和剂次输入框的提示语显示不完整;当前疫苗接种记录功能和下次接种提醒功能放到同一个页面影响用户使用逻辑:

追问:

再追问:

终于做出一版基本符合我需求的小程序了:

不必心疼 AI,只管尽情发挥它的价值!!!

5、上传发布(可选)

如果只是自己玩,预览使用就够了。

如果想要正式发布、让别人搜索使用,只需要在微信公众平台注册小程序账号,获取APPID,填入工具,点击上传提交审核即可。

审核通过后,你的小程序就能正式上线使用啦!

这是我的“苗记管家”小程序二维码,欢迎大家体验~


四、3个核心技巧

1. 需求一定要简单具体

新手别一上来就做商城、直播、复杂功能小程序或应用。

先从备忘录、打卡、文案展示这种简单应用入手,由浅入深、由易到难。

2. 不会修改,直接丢给AI

出现报错、界面错位、功能不对,不用自己瞎研究。

直接把报错信息+你的修改需求发给AI,AI会精准修复bug。

3. 循序渐进,慢慢熟悉

先用AI做简单小程序,做多了之后,你会慢慢看懂基础代码,不知不觉就入门编程了。


五、写在最后

以前,开发小程序、学编程,是普通人的门槛。

现在,AI把编程的门槛彻底拉平了

不用死磕语法、不用熬夜敲代码、不用到处找人抄写大作业。

只要你有想法,AI就能帮你把想法变成实实在在的软件应用。

如果你想动手试试,今天就可以打开AI编程助手,试着做一个属于自己的第一个小程序,相信我,成就感真的超强!


【下期预告】
最近还体验了国内其它AI编程助手,比如腾讯的CodeBuddy CN、阿里的Lingma等,也正在尝试用它们做一些网页应用和移动APP,后面将持续更新这些AI工具的使用心得。