HBuilderX 用夜神模拟器运行vue项目

一、新建HBX app项目

1、用HBX新建项目

 

 2、 删除项目中的文件夹 

 

 3、 把vue 项目打包  

npm run build 

打包后把dist 文件夹下的文件考到HBX app项目里

 

这样，项目就做好了。

 

二、配置

1、夜神模拟器

1.打开手机的“设置”，进入到“设置”页面；

2.滑到“设置”页面的最下端；

3.找到“关于平板电脑”，进入到“关于平板电脑”页面；

4.找到“版本号”，连续点击。

5.会弹出一段文字提醒，直到提醒次数为0后。结束点击。

6.返回“设置”界面，开发者选项就出来了。
7，勾选USB调试

由于HBuilder的自动扫描机制无法直接连上夜神模拟器，需要通过cmd命令窗口手动处理，才能将两者建立连接。
打开HBuilder和夜神模拟器

打开cmd命令符，进入夜神模拟器的安装目录
执行以下命令 ：
nox_adb connect 127.0.0.1:62001
nox_adb devices

 

 

然后cd进入HBuilder的tools目录
执行以下命令
adb connect 127.0.0.1:62001
adb devices

 

 

 

 HBX 设置（我截图的地址有点问题，要填adb的地址！！！！）

 

 

HBX 的manifest.json配置文件

 

 

 

 等等