安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包

2024-04-16 09:27:54

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 刚才建的项目中

设置沉浸状态栏：（什么是沉浸状态栏和设置方法请移步： http://ask.dcloud.net.cn/article/32 地址里的 http://ask.dcloud.net.cn/article/1150）

上图中添加位置的代码

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

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

模拟器调试

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

1.下载一个夜神模拟器

下载完后稍微配置下（启动速度有些慢）

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

62001是模拟器的端口号

真机调试（安卓）

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

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

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

https://blog.csdn.net/zhangshab/article/details/103340823

用Hbuilder X打包

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

参考文献：

https://www.cnblogs.com/taohuaya/p/10263519.html

安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包相关推荐

在安卓手机中调试vue网站
我们想在手机上,尝试调试我们编写的程序,操作步骤: 1. 要保证手机正常运行 2. 要保证手机.电脑.处于同一WiFi环境中,也就是说手机可以访问到电脑的IP 3. 打开自己的项目中的 packag ...
学习笔记——夜神模拟器调试uni-app项目时遇到的bug
在使用夜神模拟器调试uni-app项目时,由于对夜神模拟器不是很熟练,遇到了一些bug. 1.夜神模拟器上APP页面放大问题: 问题: 我在使用夜神模拟器时,遇到了APP页面放大问题.页面字体也变大非 ...
vue项目使用Hbuilder打包苹果IOS-App详细教程
本文主要记录一下本人使用vue开发的移动端App使用Hbuilder打包成苹果IOS-App的详细步骤,仅供参考,如有不足,请指教. 打包苹果IOSapp首先需要准备以下几项东西: 1.已经编写好的v ...
Android Studio使用真机(连接安卓手机驱动)调试教程
一.前言当我们的电脑的运存较小时,在进行Android Studio的AVD进行模拟调试时,电脑可能会出现卡顿,运行时间较长.此时,我们可以利用自己的安卓手机(苹果手机不支持)充当模拟器,将写好的a ...
vue项目利用Hbuilder打包成APP流程，以及遇到的坑
目录 1.打包项目 1.1打包的app出现白屏. 1.2点击页面跳转不了,报 Loading chunk 2 failed. 等错误. 1.3.点手机物理按钮,直接退出程序. 2.Hbuilder发布 ...
浏览器下载安装vue js devtools调试vue项目
下载vue js devtools插件的方式: 推荐网址: 1.https://www.extfans.com/ 2.百度下载谷歌浏览器助手插件,直接进入谷歌网上应用商店进行下载 3.https:// ...
AndroidStudio与安卓手机链接调试（USB数据线链接）
安卓手机,苹果就放弃吧! ============ 今日更新文章 2020年1月6日 ============= 打开你手机上的开发者选项,打开USB调试,如果有允许USB安装(允许通过USB安装应用 ...
手机浏览器查看vue项目
在手机浏览器上面我们可以直接查看vue项目.在有网的条件下,我们使用指令npm run serve启动一个项目,会出现两个网址,一个是本地的,一个是网络的.在手机浏览器地址栏输入第二个网址(Netwo ...
安卓模拟器网页游戏连不上服务器,教大家夜神模拟器游戏无法联网的原因和解决方法...
近日有关于夜神模拟器游戏无法联网的原因和解决方法的问题受到了很多网友们的关注,大多数网友都想要知道夜神模拟器游戏无法联网的原因和解决方法的具体情况,那么关于到夜神模拟器游戏无法联网的原因和解决方法的相 ...

最新文章

热门文章