「AI开发小程序教程」三、开发小程序的多种技术和方法

2026-05-18 | 4 分钟阅读 | 分类：微信小程序

现在你终于想好了要做个什么样的小程序，准备大干一场了。不过先别急，虽然我们的目标是获得一个微信小程序，但是实现这个目标可不是只有一种方式。

方式一：微信小程序官方的开发方式

这种开发方式下，直接使用官方提供的组件、API来开发。微信小程序官方提供的内容都可以在开发者文档中找到,

我们的教程是AI开发，所以你不必学会这里的所有内容，但你可以去看看官方提供了哪些内容和能力。

其实与网页开发非常相似，网页开发通常有3个部分：HTML、CSS、JS，为了防止你不了解网页，这里简单说一下，你没开发过网页，但你肯定看过。

HTML：网页上的东西，但只是一个骨架，相当于你买的毛坯房，有好几个屋子，但没装修。又或者是你买的精装房，但家具刚入场，还堆在一起没摆放。html文件中的内容，就是网页上有哪些东西，比如有几个按钮、有几个输入框。只不过在微信小程序中，此类文件的格式不是.html，而是.wxml
CSS：规定网页上的东西怎么展示，相当于给毛坯房装修，让房子变得好看些。也像是你把家具放在精装房的每一个地方。css也是一样，让网页好看些，规定什么东西应该在哪里。只不过在微信小程序中，此类文件的格式不是.css，而是.wxss
JS：JS没出现之前，网页基本上都是不会动的，就像沙发你摆在那里它并不会移动。但有了JS，你可以让网页中的东西动起来（当然JS不仅仅是为了让东西动起来），相当于你给屋子配了智能家居、或者放了个扫地机器人，有些自动化的能力。HTML和CSS只是能展示，JS则是可以做各种其他的事情，非常强大。在微信中，此类文件的格式依然是.js，与网页一样

什么是组件？小程序中展示出来的东西，比如按钮、输入框、图片、视频等，是直接能看到的东西。就相当于上面所说的家具。

什么是API？小程序中可以使用的一些能力，如弹个提示框、操作手机蓝牙、通过手机网络上传下载等。就相当于拥有智能家居的房子的能力。

所以开发小程序，就相当于官方给了你一个带有智能家居的房子和一些家具，你可以按照你的想法，摆放家具，并且可以用自己的想法二次装饰这些家具，以及能够使用智能家居的能力。

在AI开发的场景下，将会是：在Trae中形成代码 ➡️ 在微信开发者工具中打开并测试

多端框架其实不只有uni-app，比如京东的Taro、腾讯的Kbone等，但这里我们只讲uni-app

uni-app并不是微信小程序官方的，而是另一个叫数字天堂的公司的产品。你可以通过访问来了解:https://uniapp.dcloud.net.cn/

uni-app最大的特点是不只可以开发微信小程序，还可以生成别的平台的小程序如支付宝、百度、抖音小程序。也可以生成安卓、iOS应用、H5网页等。关键是，只需要一套代码。而微信小程序官方开发方式，你只能得到微信小程序，如果你还想得到安卓的apk，那只能再让AI针对安卓重新开发一次。

但是如果你只需要微信小程序，那也用不上uni-app的多端能力。使用官方原生开发性能往往更好。

使用uni-app开发，将不再聚焦于wxml、wxss、js这几种文件，而是一种不一样的方式，uni-app使用的是vue语法。vue是一个著名的项目，把wxml、wxss、js这三种内容，写在一个文件里。

在AI开发的场景下，将会是：在Trae中形成uni-app代码 ➡️ 在HBuilder中打开uni-app代码并运行到微信开发者工具 ➡️ 在微信开发者工具中打开并测试

如果你想同时得到微信小程序、安卓app等，建议首选uni-app，因为只需要写一次。

如果只是需要微信小程序，选哪种都无所谓。

后续将详细展开这两种方式，先从官方开发方式开始。

你不必完全搞懂这里面的概念术语，但需要知道有这些术语，好让AI明白你的选择和意图