失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 安卓手机模拟器调试--vue项目调试(HBuilder X 配合模拟器--夜神模拟器)及打包

安卓手机模拟器调试--vue项目调试(HBuilder X 配合模拟器--夜神模拟器)及打包

时间:2022-01-25 16:34:15

相关推荐

安卓手机模拟器调试--vue项目调试(HBuilder X  配合模拟器--夜神模拟器)及打包

1.下载HBuilder X

下载地址 --https://www.dcloud.io/

2.打开HBuilder 建一个项目

3. 打包自己的Vue项目,vue-cli2 在目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,如果是vue-cli3 则在vue.config.js中配置publicPath,将值变为"./".打包。

4.首先打包你的vue项目生成dist文件夹,将打包好的vue项目。替换到HbuilderX 刚才建的项目中

设置沉浸状态栏:(什么是沉浸状态栏和设置方法 请移步: .cn/article/32 地址里的 .cn/article/1150)

上图中添加位置的代码

"statusbar": { //应用可视区域到系统状态栏下透明显示效果"immersed": true},

---------------------------------------------------以上步骤:都是真机调试,模拟器调试和打包的前提-------------------------------------------------

模拟器调试

下边说下模拟器调试:什么叫模拟机--顾明思议就是在PC上模拟手机上的东西(和谷歌不咋一样)

1.下载一个夜神模拟器

下载完后稍微配置下(启动速度有些慢)

然后配置下Hbuilder X -- 改一下ADB路径设置中的端口号

62001是模拟器的端口号

真机调试(安卓)

1.先把手机调成开发者模式,USB调试设置成开启,手机连上电脑USB。

还是下边的步骤。显示手机的设备。连接即可

在用模拟器和真机调试时,可能会反应特别慢。半天也连不上。这时候先做这个操作试一下:

/zhangshab/article/details/103340823

用Hbuilder X打包

该链接分享到微信上,该地址直接放在手机浏览器上就可以下载了

参考文献:

/taohuaya/p/10263519.html

如果觉得《安卓手机模拟器调试--vue项目调试(HBuilder X 配合模拟器--夜神模拟器)及打包》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。