uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

1.准备工具

1).下载并安装微信开发者工具。

下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2).下载并安装HbuilderX

下载地址：https://www.dcloud.io/hbuilderx.html

3).注册微信小程序账号

注册地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1

2.使用HbuiderX创建第一个uniapp应用

新建->项目

双击manifest.json,生成AppID

去微信公众平台，登录小程序后，查询自己注册的小程序的AppID，如下图所示：

回到HbuilderX,在项目中双击manifest.json,配置自己微信小程序的AppID.

工具->设置->运行配置，里面设置微信开发者工具的安装路径。

启动微信开发者工具，在 “设置->安全设置” 中开启服务端口。

在HbuilderX中运行项目，如下图：

在微信开发者工具中呈现运行效果如下：

在微信开发者工具中选择"上传",

登录微信小程序，在“管理->版本管理”，查看已经上传的版本。

把发布的版本修改为体验版。

手机扫描二维码，就可以体验自己开发的小程序啦^_^