如何将vue项目打包成andriod的apk包
东西/原料
- Hbuilder东西
- mac电脑
- vue程序
方式/步调
- 1
筹办vue项目，并build当作dist目次。
经由过程开辟东西（hbuildx或者vscode或者其他pycharm）类的东西打开，小编此处选择hbuildx东西，
1、打开vue工程，名为“my-vue-project01”
2、选择终端打开，执行号令“npm run build”生当作dist文件夹
- 2
将新生当作的dist文件夹，拖入到Hubilder工程中，文件夹dist前面，可以看到，该文件夹“dist”默认为白色的字母“W”+“dist”
- 3
鼠标右键打开，选择下拉框中的“转换当作移动App”，选择后，文件夹W“dist” 酿成了A“dist" 申明文件夹转换当作功。
- 4
转换完当作后，在原本的dist目次下，会多出一个名字为“unpackage"文件夹，和一个json文件，名为：manifest.json。
manifest.json 文件，是用来点窜相关设置装备摆设，如：文件属性，图标，权限等。双击该文件，打开可看到相关的选项操作。
应用设置装备摆设：自界说应用名称，appid，版本号，页面进口，应用描述。
- 5
选择图标设置装备摆设--》选项源图片，双击 + 号可以按照本身的爱好，给应用设置图标。若iphone、ipad、andriod 都合用统一个图标样式，那么可以选择”主动生当作所有图标并替代 “按钮。生当作的图片位置，经由过程点击”浏览生当作图标地点目次“，默认是在工程的"unpackage"文件夹中。
- 6
模块权限设置装备摆设中，会供给2个模块，一个为：“未选模块”一个为“已选模块”，经由过程本身应用现实需要，可动态增添，削减相关的模块。每个模块即是一种权限。
- 7
启动图片设置装备摆设，即为当该软件启动的时辰，会有个加载过程，过程中显示的图片，这里可以设置和图标一样的图片，也可以设置告白图片，按照本身的现实环境设定，小编这里设置为和软件图标一一致。
- 8
设置装备摆设好应用，注重（记得保留，可经由过程“CTRL+S”键）再来进行发布为移动软件，选择工程，鼠标右键，鄙人来的菜单中，选择“刊行”--》“云打包-打原生安装包”
- 9
安装包生当作有2种，一种为“ios”，一种为“andriod”，自立选择。点窜andriod包名为com.XX.XX名称。告白可以按照本身的需求选择。
小编这里都选择了，点击“打包”按钮，继续
- 10
此刻，办事器云端在主动打包，打包过程为：压缩相关资本--》建造安装包-----》完当作打包，供给可下载的apk文件。
--》选择“打开下载目次”-可以看到适才已经打包的apk文件。
- 11
最后，将apk文件拷贝到手机中，双击apk包，会有安装提醒，如图1，安装完当作后，手机面上显示软件，功能和手机软件一样，如图2，双击打开可以查看到应用结果。此刻，vue应用的apk包打包当作功。
END
注重事项
- vue项目中， publicPath :' ./' 的设置中，为./
- 发表于 2020-04-29 17:02
- 阅读 ( 1350 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章