使用Hbuilder X将Vue项目打包成app(Android)

奋斗吧
奋斗吧
擅长邻域:未填写

标签: 使用Hbuilder X将Vue项目打包成app(Android) JavaScript博客 51CTO博客

2023-05-19 18:24:20 285浏览

使用Hbuilder X将Vue项目打包成app(Android),使用HbuilderX将Vue项目打包成app(Android)HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包。优点:速度快,所需要的环境少,加快了开发者速度,不会因为各种JDK,java,Android环境而无法打包生成apk或ipa头疼,大大减少了开发繁创建移动APP项目3


HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包。

优点:速度快,所需要的环境少,加快了开发者速度,不会因为各种JDK,java,Android环境而无法打包生成apk或ipa头疼,大大减少了开发繁琐操作。


文章目录

  • 一、使用步骤
  • 1.下载Hbuilder X
  • 2. 创建移动APP项目
  • 3. 将Vue项目打包
  • 4. Hbuilder X 调整所需配置 (manifest.json)
  • 5. 云端打包
  • 6. 下载安装打包好的APK



一、使用步骤

1.下载Hbuilder X

下载地址

使用Hbuilder X将Vue项目打包成app(Android)_json

2. 创建移动APP项目

使用Hbuilder X将Vue项目打包成app(Android)_Vue_02


使用Hbuilder X将Vue项目打包成app(Android)_json_03

3. 将Vue项目打包

使用Hbuilder X将Vue项目打包成app(Android)_Vue_04


删除移动APP项目除了manifest.json和unpackage以外的其它文件,将打包以后的文件复制到项目中。

使用Hbuilder X将Vue项目打包成app(Android)_下载安装_05

4. Hbuilder X 调整所需配置 (manifest.json)

使用Hbuilder X将Vue项目打包成app(Android)_下载安装_06

5. 云端打包

使用Hbuilder X将Vue项目打包成app(Android)_下载安装_07


使用Hbuilder X将Vue项目打包成app(Android)_下载安装_08

6. 下载安装打包好的APK

使用Hbuilder X将Vue项目打包成app(Android)_Vue_09


好博客就要一起分享哦!分享海报

此处可发布评论

评论(0展开评论

暂无评论,快来写一下吧

展开评论

您可能感兴趣的博客

客服QQ 1913284695