【问题篇】打包Vue-cli3创建的vue项目成App的apk文件

1、修改vue项目配置（下面的是基于脚手架3方式创建的项目的打包方式）

1.1打开cmd（管理员方式）

1.2输入 vue ui，进入脚手架管理界面

1.3点击配置进入配置界面

1.4修改公共路径为./

1.5进入vue.config.js文件检查是否修改成功

2、运行npm run build进行vue项目打包

3、将打包生成的dist文件夹复制到hbuilderx里面

4、打开hbuilderX，新建一个5+App项目

5、删除生成的文件和文件夹只留一个manifest.json文件（打包配置文件）

6、将dist文件下面的文件全部放到项目根目录下，如上图。

7、右键项目，点击发行——>原生App云打包

8、填写相关信息，Android证书获取方式自行百度，也可以私聊我，点击确定即可。

9、会返回一个apk文件下载路径，自行下载安装即可。

【问题篇】打包Vue-cli3创建的vue项目成App的apk文件相关推荐

vue cli项目升级--vue cli3升级到vue cli4
原文网址:vue cli项目升级--vue cli3升级到vue cli4_IT利刃出鞘的博客-CSDN博客简介说明本文介绍如何升级vue项目的vue cli版本. 官方网址 https://c ...
Vue第七章：项目环境配置及单文件组件 vue脚手
第七章:项目环境配置及单文件组件 vue脚手架回顾: 组件之间的通信父传子:正向传递 vue允许自动触发 props 1.先在子组件中定义期待的属性名和类型 2.在父组件中调用子组件 ...
用Gradle打包出jar文件前面我们说过，在Android Studio里面使用Gradle来打包应用程序，一般都是build出来一个apk文件。但是有的同学是做实现层的开发，不直接做View层
用Gradle打包出jar文件前面我们说过,在Android Studio里面使用Gradle来打包应用程序,一般都是build出来一个apk文件.但是有的同学是做实现层的开发,不直接做View层的 ...
vue获取上传进度_vue通过input选取apk文件上传，显示进度条
选择文件 type="file"accept=".ipa,.apk"name="upload"id="file"@cha ...
Android Studio项目打包生成可安装在自己手机上的App安装包文件
点击上方"码农的后花园",选择"星标" 公众号精选文章,第一时间送达 Android程序开发完后,如果要发布在互联网上供别人使用,就要将自己的程序打包成And ...
app加固apk文件防止反编译apk打包流程
文章目录 [1]加固一.为什么要加固二.加固方案 ①免费的第三方加固方案 ②付费的第三方加固方案SDK ③Java IO 流实现AES加密dex [2]加固方案的实现方式 [3]apk文件构造 [ ...
vue cli创建vue3.0项目步骤
1.安装node.js(node.js下载地址) 2. 全局安装vue-cli最新版本 npm install -g @vue/cli 安装成功后,可以通过 vue -V 查看下载的@vue/cli版 ...
Eclipse安装低版本4.3并安装FatJar打包插件来打包引用第三方jar包的项目成jar包
场景 Eclipse中打包引用了第三方jar包的Java Application项目,除了添加MANIFESE.MF文件,还可以使用 Fat Jar插件打成jar包. 但是Eclipse的版本在4.3 ...
django创建新的项目、App与基本配置
实现安装django,使用pip安装即可:pip install -i https://pypi.tuna.tsinghua.edu.cn/simple/ django 创建新项目创建一个名称为ne ...

【问题篇】打包Vue-cli3创建的vue项目成App的apk文件

【问题篇】打包Vue-cli3创建的vue项目成App的apk文件相关推荐

最新文章

热门文章