关于如何通过HBuilderX 工具将Vue工程打包成app程序包

 通过cli脚手架创建的vue工程,如何将其打包成能在手机上使用的app,大致分以下几个步骤:

1) 首先,下载HBulider X工具。下载后,进行安装。

2)接着,需要进行注册,因为打包的时候需要APPId,这个应用标识需要注册了之后申请。申请页面如下:

关于如何通过HBuilderX 工具将Vue工程打包成app程序包_第1张图片

申请地址:https://dev.dcloud.net.cn/app/index?type=0

3)将vue工程项目,进行打包,打包后,目录结构大概如下:

关于如何通过HBuilderX 工具将Vue工程打包成app程序包_第2张图片

4)打开 HBuilder X,创建一个项目,并将打包后的vue项目,对其进行替换,如下:

关于如何通过HBuilderX 工具将Vue工程打包成app程序包_第3张图片

5)配置manifest.json,请申请好的appId填入,其他暂时不需修改,默认就好,如下:

关于如何通过HBuilderX 工具将Vue工程打包成app程序包_第4张图片

6)在菜单栏中,选择发行,选择原生app,云打包如下:

关于如何通过HBuilderX 工具将Vue工程打包成app程序包_第5张图片

 点击上图,打包即可生成在手机上可安装的app文件.apk

你可能感兴趣的:(vue)