1.将vue项目打包生成dist文件夹

2.下载HbuilderX的APP开发版并且登录

3.在HbuilderX里点击文件>新建>项目,选择5+APP,填写项目名称和存储位置,模板选择空项目。点击创建即可。

4.将HbuilderX里新建项目里的js、css、image文件夹以及index.html删掉。打包的dist的文件夹里的static文件夹和index.html复制粘贴进去。

5.打开manifest.json文件配置几个核心项。

选择基础配置,将应用名称填写上,应用标识(APPID)和应用入口页面会自动填上,无需操作。

其次,选择图标配置,上传一张logo用于手机上app的logo显示,然后点击自动生成所有图标并替换即可。

6.选择发行>原生APP云打包,打安卓包,使用公共测试证书。最后点击右下角打包按钮。

7.打包完成,HbuilderX会返回一个apk的路径,发到自己手机上安装即可。(可能打包会失败,软件会提示你重试或者改为传统打包方式,我是重试了一下打包成功了)

vue项目打包成app相关推荐

  1. vue项目打包成app,在ios端iconfont 部分字体图标不显示

    最近在用vue结合capacitor 写app的项目,痛苦真痛苦. 在xcode上打包成app之后,发现有些字体图片怎么改都显示不出来. 解决办法: 把引用的css url 加上https

  2. html5打包成app不能拍照,vue项目打包成app无法使用input调用相机

    问题描述:打包成app后使用input上传图片只能做到在文件夹中选取,不能实现拍照上传图片 解决方案: 1.利用HTML5 Plus的Camera调用相机 2.利用HTML5 Plus的IO来实现读取 ...

  3. 通过cordova将vue项目打包成app

    准备工作包括nodejs.cordova.AndroidStudio. 一.创建一个cordova工程 cordova create cordovaVue cd cordovaVue config.x ...

  4. 将Vue项目打包成App

    首先将源码执行如下命令打包生成 dist 目录 npm run build 或 yarn build 然后打开 HbuilderX 创建 5+App 创建好之后,在你创建的项目下会生成 img,css ...

  5. 血淋淋的教训—将Vue项目打包成app的跨域问题

    1 devServer: { 2 host: '192.168.1.58', 3 port: 9999, 4 historyApiFallback: true, 5 noInfo: true, 6 o ...

  6. vue前后端分离项目打包成app,部署成移动端

    将vue项目打包成app,在手机上运行. 1. vue打包 npm run build 先将vue的前端项目打包成dist文件夹 2. 安装hbuilderX Hbuilder官网地址 3. hbui ...

  7. Hbuilder将vue项目打包为app(具体步骤和注意点)

    Hbuilder将vue项目打包为app(具体步骤和注意点) 打包配置 进行打包 注意事项 打包配置 1.打开Hbuider,点击左上角文件,点击新建,然后点击项目.项目类型要选择5+App,项目名称 ...

  8. 教你如何3分钟把VUE项目打包成apk,真的只要3分钟

    前提准备 使用vue-cli3搭建的项目 工具 HBuilder X,他的图标长这个样子,点击下载 做前端的大多数小伙伴们都应该知道,使用起来轻巧.急速,但是他主要是针对于VUE生态打造的,相对于 v ...

  9. vue项目打包成exe可执行文件

    Vue项目打包成exe可执行文件 实现思路:从electron官网上拉取代码,把官网上拉取下来项目中的index.html替换成 自己vue项目打包好的dist文件中的index.html,输入打包e ...

  10. vue项目打包成.exe桌面应用

    1.将vue项目打包成dist文件:npm run build:prod 2.新建文件夹,使用git下载(下载其中一种就行) gitee git clone https://gitee.com/wal ...

最新文章

  1. Go 语言编程 — Context 上下文
  2. python3.6.5下载-Python
  3. cv2.imread读取图像结果none_PyTorch 42.图像操作
  4. 数组 最大值,课堂测试
  5. 委托、Lambda表达式、事件系列06,使用Action实现观察者模式,体验委托和事件的区别...
  6. 我错了——虚拟光驱 for linux
  7. fortran95查询字符串出现次数子程序
  8. 最全jar包下载链接
  9. 最近大火的「元宇宙」究竟是什么
  10. MAE:视觉自监督2021(原理+代码)
  11. DS1302实时时钟
  12. DataGridView 控件中自动生成列
  13. 岁月温柔-13 妈妈担心回到山村里的大姨冻着
  14. 大学开启大数据开发之路
  15. 激活函数activation总结
  16. linux环境nginx从下载到安装
  17. 只会 Python 不行,不会 Python 万万不行
  18. 123. 精读《用 Babel 创造自定义 JS 语法》
  19. Windows 环境下查看 Redis 版本号命令
  20. SourceInsight使用技巧之更改背景色

热门文章

  1. ARKit 和 ARCore概念介绍
  2. Jade平台的下载与原装
  3. 【Python】根据经纬度计算距离
  4. 信道编码:编码FEC 前向纠错码
  5. 计算机内部总线和外部总线,总线分为内部总线和外部总线
  6. mac os android 线刷,Mac系统下使用Fastboot线刷安卓设备
  7. 程序员背锅救星-docker
  8. android文件管理器,10款优秀的Android文件管理器
  9. canvas实现点连线动画
  10. 计算机机房不允许开窗么,机房新风系统的设计要求及规范 你了解多少?