步骤分析:1、打开HbuilderX软件,点击新建,新建一个项目:选择模板5+App。如下图2、创建成功后,打开电脑资源管理器,进入刚刚创建的项目根目录,替换同名资源文件,删除5+App中的资源文件项目,并保留manifest.json文件。如下图3.打包Vue项目,使用npmrunbuild,生成的dist文件夹就是需要的文件。如下图4、打开HbuilderX,将index.html文件下的资源路径改为相对路径,如“./js”,否则运行时会出现白屏。如下图注意:如果你的vue项目中有vue.config.js文件,并且配置了publicPath,可以忽略这一步,直接将publicPath设置为“./”即可。如下图5、打开HbuilderX,选择运行-运行到手机或模拟器或者运行到AndroidAPPbase。如下图6、在手机或模拟器上打开APP,即可进入启动页面,成功。
