uni-app 开发微信小程序

1.安装工具

HBuilderX    微信开发者工具

2.创建项目

打开HBuilderX  选择文件 

 

 选择新建 ->项目

 

 选择uni-app  ->填写项目名称  ->默认版本-> vue版本2->  点创建

 项目创建成功

点击运行 运行到浏览器查看

运行成功

 

 3.要想在微信小程序里启动还不行哦

在微信小程序上运行要先配置小程序AppID

在项目manifest.json中 选择微信小程序配置 放入你微信公众平台上申请的AppID

 配置好了appid后   还需要设置微信开发者工具路径

在HBuilderX 中找到运行-> 选择运行小程序模拟器->选择运行设置 

 将你本机上的微信开发者工具路径填写上去

 这个时候可以打开你的微信开发者工具了

点击设置图标

 选择使用系统代理

 安全选择服务端口

 ok完成了

回到HBuilderX   

点击运行-> 运行到小程序模拟器 -> 选第一个微信开发者工具

 你的微信开发者工具就创建完成一个初项目啦