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
