Vue项目打包成安卓APP

最新推荐文章于 2024-04-25 12:50:07 发布
置顶 最新推荐文章于 2024-04-25 12:50:07 发布
阅读量3.5k 收藏 14
点赞数 3
文章标签： vue app apk 安卓 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42864629/article/details/105287125
版权

概述：普通vue项目如何成安卓apk安装包
第一步：项目目录 config文件夹–>index.js里面的两处assetsPublicPath，把 ‘/’ 改为 ‘./’
在这里插入图片描述
第二步：通过npm run build 指令打包vue项目到dist文件夹里面
第三步：通过HBuilderX工具创建5+App的默认模板项目
在这里插入图片描述
第四步：把除了manifest.json以外的所有东西删除
第五步：把vue打包到dist目录里面的所有文件拷贝到app项目里面
在这里插入图片描述

第六步：菜单发行–>原生App云打包，即可打包成apk文件

一条前端小咸鱼
关注
  • 3
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目用HBuilder打包APP.docx
09-09
详细介绍vue项目用HBuilder打包APP的步骤，以及安卓手机两次退出的解决方法，并且判断主页面提示两次退出程序，子页面不提示
vue项目+hbuilder打包实现app自动检测更新并下载(需要可以私聊我)
09-30
vue项目+hbuilder打包实现app自动检测更新并下载vue项目+hbuilder打包实现app自动检测更新并下载
vue+element-ui前端项目完整搭建及编译打包
Dahlin哥's 博客
08-03 2893
因为是码农的缘故，很少自己亲自搭建一个完整的项目，一般干活儿都是在已经搭建完的基础上完成对应的模块功能，所以想重新学习一下完整的搭建过程，实例项目也是来自 MarkerHub上的一个开源的博客前端项目，在原有项目基础上，增加了针对编译打包的部分修改，该项目的后端服务接口内容可以参考上一篇的《springboot+mybaits-plus+shiro微服务接口搭建改造(JAVA11版本)》.....
vue 项目通过android studio 离线打包
ocean___的博客
08-26 3138
vue 项目通过android studio 离线打包1 vue项目执行 npm run build 打包生成dist文件
vue项目如何打包以及如何变成android、ios应用程序
F1520080的博客
03-29 928
点击这里即可获取，包括答案解析。赞哦，如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可获取，包括答案解析。**[外链图片转存中…(img-NDZASUP0-1711651869600)]
利用HBuilder将vue项目打包成移动端app
热门推荐
zhoudan232的博客
06-19 7万+
事先准备，开发完成的web app项目（也可以利用vue-cli脚手架构建vue模板项目），npm run dev可以正常预览的项目 1，将项目目录下config文件内index.js中assetsPublicPath修改为 assetsPublicPath: './' 2，执行npm run build之后生成dist文件夹 3，打开HBuilder，文件->打开目录，如下图
Vue+ElementUI项目实现按需加载&按需打包
Run_youngman的博客
01-19 3591
说在前面 为什么需要按需加载和按需打包？ 打包很好理解，就是执行npm run build得到的dist文件夹，和我们添加压缩包一个道理，如果打包了一些本来不需要的资源，就会使得打包的最终文件变大，最终影响前端项目的加载效率。 按需加载，比如我们的系统有5个模块，如果我们不做任何介入，Vue，React等框架默认的加载逻辑是把资源都下载到本地，然后执行后面的交互，如此一来，确实可以通过牺牲首次加载的时长换取后续运行的流畅性（因为不需要再次从网络端获取资源），但是如果本次用户只会用到其中一个模块A，那么其他模
Vue项目如何打包成app
weixin_42601608的博客
01-04 803
要打包 Vue 项目成 app，你可以使用一些工具，如 Cordova、Electron 或者 NativeScript。 使用 Cordova 打包： 安装 Cordova：npm install -g cordova 创建 Cordova 项目：cordova create my-app 进入项目目录：cd my-app 添加平台，如 Android：cordova platform add...
Hbuilder将vue项目打包为app（具体步骤和注意点）
...
10-04 3881
Hbuilder将vue项目打包为app（具体步骤和注意点）
【安卓开发】将Vue项目打包为app
你不来，再美的天地，都狼藉 ~
05-13 7316
一文带你将Vue项目发布app！
解决cordova+vue 项目打包成APK应用遇到的问题
11-29
公司前端界面用的是vue，我要嵌入到Android中生成App 第一步：安装node node安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。 npm安装：...
通过cordova将vue项目打包为webapp的方法
01-19
下面开始对vue.js项目进行打包，打包环境为Android。 可以看下我的github：https://github.com/padipata ，里面有我自己写的vue项目，喜欢的给个关注呗。 1.添加cordova项目 $ cordova create myApp1 org.apache....
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
12-12
以上所述是小编给大家介绍的vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
Android启动http运行vue程序.rar
12-24
Android运行vue打包后的程序，部署再android本地，目的是使用vue做android的单机应用。
vue 实现级联选择器功能
清音的博客
04-22 490
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
19篇 vue3进阶
hummhumm的专栏
04-20 406
10. **组件定义的分离**：通过 `defineComponent` 方法分离组件逻辑与模板。23. **事件总线 (`provide` / `inject`)**：祖先与后代组件间通信。33. **跨平台支持**：如 `Nativescript-Vue` 或 `Uni-app`。9. **动态组件和 `v-if` / `v-for`**：更灵活地使用这些指令。20. **计算属性 (`computed`)**：创建缓存的计算属性。12. **组件的 `expose` 选项**：显式指定组件公开属性。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 387
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
vue3【详解】 vue3 比 vue2 快的原因
朝阳39的博客
04-19 933
vue3使用的 Proxy 在处理属性的读取和写入时，比vue2使用的defineProperty 有更好的性能（速度加倍的同时，内存还能减半！
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
最新发布
xu_duo_i的博客
04-25 223
vue+element 树形结构 改成懒加载模式(原理element有),这里只做个人理解笔记
vue项目打包成移动端app
05-26
要将Vue项目打包成移动端app，你可以使用一些工具，比如： 1. Apache Cordova：Cordova是一个开源框架，可以将Web应用程序打包为本机应用程序，并且适用于多个平台，包括iOS和Android。你可以使用Cordova将Vue项目...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值