HbuilderX打包AndroidAPP使用教程

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。

        HbuildX打包android的apk安装包时需要新建项目

        具体路径为：文件-->新建-->项目-->点击5+app新建项目

此时左边项目栏会出现新项目

此项目基本文件组成为

删除掉项目里的css、img、js文件，此时可以从github上导入项目，具体步骤为：文件-->导入-->从GIT导入/从本地导入，把导入的文件运行起来

，修改端口号：一般在文件的app.vue、login.vue、api.js、http.js中配置端口号，修改到需要的端口号随后再运行。

具体步骤为：选择目标文件夹-->新建终端-->输入运行命令

         vue项目的命令一般为：npm install --> npm run build

出现此字样说明运行成功了！

当命令运行成功后，导入的项目里会出现一个dist文件夹

 把public和index.html文件放入新建的项目里

当这些全部都做完以后，检查一下文件能否运行（可以下载一个模拟器android的）

当模拟器运行成功时就可以打包了，运行成功是这样的

打包步骤为：发行-->原生App-云打包

随后出现打包界面

操作结束后进入打包流程：

        出现下图即为HbuildX正在打包，等待打包结束......（此过程可能会持续3-5分钟，有时还需要排队）

打包成功出现如下提示

 HbuildX会告诉你apk文件的路径，把apk文件拷到Androids设备上即可安装使用