如何将vue项目打包为.apk文件

说明：使用Vue.js开发完毕的app一般不作处理的话，就只能在浏览器上做为Webapp使用。如果需要将它安装到安卓手机上就需要打包为.apk文件了。

前提：安装HBuilderX

具体步骤：

1.在vue项目中找到config/build.js

2.找到build下的assetsPublicPath属性：改变 ‘/’, 为’./’ （ps：加个点）

3.在终端执行**npm run build**命令打包，产生dist文件夹（这里就是整个项目的所有功能）

4.打开HBuilderX，新建项目，选择 5+App类型的项目

5.输入项目名称，如：vueapk，点击创建

6.可以删除掉默认的文件夹（css，img，js），把dist目录下的文件拷贝到vueapk下（记住：不要dist）

7.点击HbuilderX菜单：发型–>原生App云打包：

8.做一步配置(一般的话这个应用标识AppID是自动分配的)：

9.选择使用公共证书：

10.点击打包，耐心等待。(等待的时间长短由计算机配置决定。)

11.打包成功

点击地址下载apk文件，在安卓设备上安装即可。

注意：打包完成后，一个项目只能下载5次，需要注意保存好apk文件。

如何将vue项目打包为.apk文件相关推荐

vue 使用window的对象_如何3分钟把VUE项目打包成apk
必要条件使用vue-cli3搭建的项目工具 HBuilder X,他的图标长这个样子,下载地址:https://www.dcloud.io/hbuilderx.html 做前端的大多数小伙伴们都应 ...
教你如何3分钟把VUE项目打包成apk，真的只要3分钟
前提准备使用vue-cli3搭建的项目工具 HBuilder X,他的图标长这个样子,点击下载做前端的大多数小伙伴们都应该知道,使用起来轻巧.急速,但是他主要是针对于VUE生态打造的,相对于 v ...
vue html引入资源dev下404,webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)...
最近在使用webpack + vue做个人娱乐项目时,发现npm run build后,css js img静态资源文件均找不到路径,报404错误...网上查找了一堆解决办法,总结如下一.首先修改c ...
将Eclipse Android项目打包成APK文件
将Eclipse Android项目打包成APK文件是本文要介绍的内容,主要是来了解并学习Eclipse Android打包的内容,具体关于Eclipse Android内容的详解来看本文 . Ec ...
java eclipse生成apk,将Eclipse Android项目打包成APK文件
将Eclipse Android项目打包成APK文件是本文要介绍的内容,主要是来了解并学习Eclipse Android打包的内容,具体关于Eclipse Android内容的详解来看本文. Ecli ...
Vue项目打包后js文件压缩
前言这段时间因为免费试用了https://free.aliyun.com/一台阿里云的服务器,配置是 2核4G 2M, 因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加 ...
Android项目打包生成apk文件
Android开发打包生成APK文件打包apk文件分为两种无需密钥的apk 有密钥的apk(常规) 他们的区别只是就是安全问题. 1.没有密钥的apk 点击之后会自动生成没有密钥的APK. 在编辑 ...
Cordova将vue项目打包成apk(全使用命令行)
场景假设vue项目已经搭建好,要将其打包成apk. 实现编译vue项目在vue项目目录下打开cmd,输入: npm run build 新建cordova项目来到要新建cordova项目的目录 ...
vue项目打包成apk安装包详细步骤
第一步 : 下载HbuilderX DCloud官网 HBuilderX下载地址第二部 : 创建5+App项目完事点创建得到这么个玩意把没用的都干掉,留下manifest.json就行了然后 ...

如何将vue项目打包为.apk文件

如何将vue项目打包为.apk文件相关推荐

最新文章

热门文章