开发环境配置
1、uni-app开发小程序是基于Hbuilder、微信开发者工具开发
下载链接:
Hbuilder:https://www.dcloud.io/hbuilderx.html
微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
如果喜欢用vsCode开发工具开发的请忽略这篇文章,请转到:https://www.jianshu.com/p/259c173bcab3
如果上述已下载的请忽略第一步,直接查看第二步
2、首先配置Hbuilder,点击文件 ---> 新建 ---> 项目,建立项目
3、然后打开建立好的项目中的manifest.json文件配置小程序,填入AppId等
4、接下来打开微信开发者工具,打开设置 ---> 安全设置,开启端口号(记录下端口号,下面会用到)
5、再转到Hbuilder。选择运行 ---> 运行到小程序模拟器 ---> 运行设置(如图一),填写外部web服务器点用URL(端口号是刚刚微信开发者工具中开启的端口号),选择微信开发工具的安装路径(如图二)
6、全部配置完成后,选择运行 ---> 运行到小程序模拟器 ---> 微信开发者工具,程序会自动调出微信开发工具