uni-app在hbuilderx打开微信开发工具运行

一、运行设置配置微信开发者工具路径

运行-运行到小程序模拟器-运行设置
uni-app在hbuilderx打开微信开发工具运行_第1张图片
配置微信开发工具的安装路径(可浏览文件位置选择);web服务器端口号在第二步骤获得;
uni-app在hbuilderx打开微信开发工具运行_第2张图片

二、打开微信开发者工具设置-安全设置

uni-app在hbuilderx打开微信开发工具运行_第3张图片
打开服务端口开关,获取端口号uni-app在hbuilderx打开微信开发工具运行_第4张图片

三、uniapp项目在微信开发工具里打开报错Error:app.json:在项目根目录未找到app.json

uni-app 项目我们在微信开发工具里面打开报错
编译报错:[ app.json 文件内容错误] app.json: app.json 未找
uni-app在hbuilderx打开微信开发工具运行_第5张图片

1、运行项目之前,我们这里使用的是HBuilder X 这个软件运行的。
打开这个软件,导入你的小程序的项目
2、在左上角找到运行,运行到小程序模拟器–微信开发者工具(第一个即可)
运行完成会发现多了一个文件夹
uni-app在hbuilderx打开微信开发工具运行_第6张图片

3、在回到微信开发者工具运行导入指定文件对应的路径,点至mp-weixin,一般为项目中unpackage–>dist–>dev–>mp-weixin;我们的项目就可以了,此时我们 的项目便可以启动啦

uni-app在hbuilderx打开微信开发工具运行_第7张图片
uni-app在hbuilderx打开微信开发工具运行_第8张图片

你可能感兴趣的:(小程序,uni-app,微信小程序)