1.下载HBuilder X
下载地址 -- https://www.dcloud.io/
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 2.打开HBuilder 建一个项目
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 3. 打包自己的Vue项目，vue-cli2 在目录下的
config
文件夹里的
index.js
文件中,将
build
对象下的
assetsPublicPath
中的
“/”
，改为
“./”后，如果是vue-cli3 则在vue.config.js中配置publicPath,将值变为"./".打包。
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 4.首先打包你的 vue 项目 生成 dist 文件夹，将打包好的vue项目。替换到HbuilderX 刚才建的项目中
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 设置沉浸状态栏：（什么是沉浸状态栏和设置方法 请移步： http://ask.dcloud.net.cn/article/32 地址里的 http://ask.dcloud.net.cn/article/1150）
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 上图中添加位置的代码
"statusbar": { //应用可视区域到系统状态栏下透明显示效果
"immersed": true
},
---------------------------------------------------以上步骤：都是真机调试，模拟器调试和打包的前提-------------------------------------------------
模拟器调试
下边说下模拟器调试：什么叫模拟机--顾明思议就是在PC上模拟手机上的东西（和谷歌不咋一样）
1.下载一个夜神模拟器
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 下载完后稍微配置下（启动速度有些慢）
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 然后配置下Hbuilder X -- 改一下ADB路径设置中的端口号
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 62001是模拟器的端口号
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 真机调试（安卓）
1.先把手机调成开发者模式，USB调试设置成开启，手机连上电脑USB。
还是下边的步骤。显示手机的设备。连接即可
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 在用模拟器和真机调试时，可能会反应特别慢。半天也连不上。这时候先做这个操作试一下：
https://blog.csdn.net/zhangshab/article/details/103340823
用Hbuilder X打包
安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包 该链接分享到微信上，该地址直接放在手机浏览器上就可以下载了
参考文献：
https://www.cnblogs.com/taohuaya/p/10263519.html
