1.创建uni-app

在点击工具栏里的文件 -> 新建 -> 项目：

选择项目模板：

点击manifest.json,生成uni-app 的AppID，这一步可选(如果只是开发H5和小程序可 跳过)！

配置小程序AppID和微信开发者工具（这一步十分重要，必须完成）。

去微信公众平台，登录你的微信小程序账号，记录下来你的小程序的AppID。

在manifest.json中，配置小程序的AppID。

在工具->设置->运行配置，中设置微信小程序工具安装路径。

2.运行微信小程序

打开微信开发者工具，首先在设置->安全，开启端口。

运行微信小程序。

运行效果如下图：

3.上线测试

选择上传，输入测试版本号。

登录微信小程序，在版本管理里查看测试版本。

选择为体验版

必须是小程序的管理员才能扫描二维码，测试运行效果。

当然，除了使用上述HbuilderX是手工创建方式，也可以使用cli脚手架，可以通过vue-cli创建 uni-app 项目，这里不再赘述，感兴趣的小伙伴可以自行上网查询。