使用HBuilderX将vue项目打包成App

一、详解

1. 先在dcloud注册个开发者账号 : https://dev.dcloud.net.cn/
2. 下载hubilderx App开发版本 打开hbuilderx，点击左下角登录账号。新建h5+ App项目

3. 删除vue-app项目里面的css、img、js文件夹；将打包后的vue静态资源文件夹dist里面的文件拷贝进app项目里：
   

4. 打开app的配置文件mainfest.json
   
   4.1、图标配置；安装到手机上后显示的app图标。可以选择一个分辨率较大的图片，然后点击自动生成所有图标并配置。

   4.2、启动图配置；

   取消勾选：启动界面显示等待雪花

   4.3、SDK配置；

   根据app项目需求，选择相应的第三方SDK（一般需要去相应的SDK官网申请key）

   4.4、模块权限配置；

   app需要用到的权限，会询问用户打开这些权限。勾选相应的权限模块即可。

5、云打包Android app

5.1、选中需要打包的项目名，点击工具栏的“发行”，选择”原生App-云打包“.

5.2、在弹出的框中，选择”使用DCloud公用证书“（也可以使用自有证书，需要查看官网说明），取消勾选 ”广告联盟“ 和 ”换量联盟“，点击最底部的”打包“按钮：