1、准备工作

1、首先下载好hBuilder，因为uniapp官网支持使用hBuilder（可以去uniapp官网下载），当然用其他软件也没问题。（uni-app官网）

2、在微信小程序后台注册开通自己的微信小程序（微信公众平台）

3、下载微信开发者工具

2、创建项目

打开hBuilder，点击新建项目，输入项目名称，选择vue版本，点击创建

3、运行项目

首先点击运行，然后运行到微信开发者工具，系统会自动唤起微信开发者工具并运行

4、上传到微信小程序后台

项目在微信开发者工具跑起来没问题后，查看项目的appId是否是之前平台注册是id

2、点击上传按钮，输入版本号，然后开发者工具会继续代码校验（如果没有appid还会需要填appid），然后上传到小程序后台。

5、最后在小程序后台发布自己的小程序

在后台将提交的版本设置为体验版（小程序有正式版和体验版两个版本），扫码就能在微信上看到自己的小程序了，但是别人想要体验是需要管理员通过体验申请的。

如果想要小程序发布到正式版是需要备案申请的，可能需要营业主体注册一系列操作。

总结： 通过uniapp发布到微信开发者工具，微信开发者工具发布到微信公众平台，最后在平台操作发布到体验还是生产。（同理用taro+react开发也是一样，项目启动后，用微信开发者工具监听路径也能在微信开发者工具上运行，然后就是一样的上传发布）。下面就能愉快的发布小程序了，下一节我在总结下如何通过uniapp开发小游戏。