HbuildX打包AndroidAPP使用教程

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

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

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

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

    ![](https://img-blog.csdnimg.cn/7208fba777854bc0a5d5da9b49b090d3.png)

    此项目基本文件组成为

    ![](https://img-blog.csdnimg.cn/bc300188143b4c1fb707ee8a043758a1.png)删除掉项目里的css、img、js文件

     此时可以从github上导入项目

    具体步骤为：文件-->导入-->从GIT导入/从本地导入

    把导入的文件运行起来

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

    ![](https://img-blog.csdnimg.cn/27f9f6ce363d44c68c3499498de77bf9.png)

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

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

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

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

    ![](https://img-blog.csdnimg.cn/0b9a3297f13142118a3d226b2ac831f2.png)

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

    ![](https://img-blog.csdnimg.cn/8bd56875bbf24ff7bdf14bfe6a82376f.png)

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

    ![](https://img-blog.csdnimg.cn/652ef8c0374d491a91d6c811e0d610b9.png)

    ![](https://img-blog.csdnimg.cn/1478aaae70c54672a106a8743897e59f.png)

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

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

     随后出现打包界面

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

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

     正在排队

     打包成功出现如下提示

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