Vue项目转apk打包成手机APP详细步骤

第一步：

assetsPublicPath:' / ' =====> 替换成 assetsPublicPath:' ./ '

第二步：

终端输入npm run build 打包项目生成 dist 文件

第三步：打开HBuilderX 创建 5+APP(A) 项目项目名称随便写

第四步：右键点击新创的项目在外部资源器管理打开找到文件目录

第五步：删除目录中的css、img、js、index.html 文件

第六步：将刚才打包的 dist 中的static文件还有 index.html 文件拉到新创建的目录中

第七步：就可以在HBuilderX中运行或者打包你的项目了

Vue项目转apk打包成手机APP详细步骤相关推荐

前端项目如何打包成手机app？
前端项目如何打包成手机app 阐述难点及解决方式具体使用步骤创建5+app空项目删除5+app默认的项目结构移动并进行基础设置发行及云打包查看及下载阐述前端是做什么的?写网页的?不, ...
uni-app + HBuilder X 打包成手机app
一.HBuilder X 下载 : 下载地址:https://www.dcloud.io/hbuilderx.html 二.将写好vue项目打包(无需命令,HBuilder X快捷打包生成dist文件 ...
WEB网站打包成手机APP(只需要域名即可打包）
对于许多进行WEB开发的朋友来说,在将WEB打包成手机APP时可以选择的工具比较多.今天我主要介绍***apicloud***的使用: appcan是国内比较老牌的平台 apicloud是新起之秀 p ...
app vue 真机运行_使用 HBuilder 将 Vue 项目打包成手机 App
在开发移动端 app 时可以选择原生 app 和 webapp, 原生 app 体验好,开发成本高,相对的 webapp 体验要差,开发成本低.webapp 要求很低,可以说只要会开发web 站就能开 ...
vue项目使用hbuildX打包成app
一.打包 1.在vue.config,js中加入 publicPath: './', 配置,防止打包后产生空白页 2.在axios.js中的默认服务器配置直接写服务器名称,在router里面配置路由模 ...
vue项目利用Hbuilder打包成APP流程，以及遇到的坑
目录 1.打包项目 1.1打包的app出现白屏. 1.2点击页面跳转不了,报 Loading chunk 2 failed. 等错误. 1.3.点手机物理按钮,直接退出程序. 2.Hbuilder发布 ...
vue项目使用electron打包成桌面应用
打包流程详情步骤: 1.准备工作: a.win7系统则确保node版本在v12以上,electron-builder对系统或版本有要求: b.项目路径不使用中文: c.使用淘宝镜像命令代替npm管理工 ...
web项目打包成Native App
web项目打包成Native App 好长时间没有写过博客了,闲暇时分静下心来给大家分享一下web项目打包成Native App的小知识,最近公司的web项目都开发到收尾阶段了,也在把web项目打包成 ...
vue项目转apk详细介绍linux虚拟器远程连接逍遥模拟器
vue项目转apk详细介绍此篇文章为原创,转载请标明出处!!! 1.卸载centOs7自带的jdk,安装1.8版本上传后解压 tar -zxvf jdk-7u67-linux-x64.tar.gz ...

Vue项目转apk打包成手机APP详细步骤

Vue项目转apk打包成手机APP详细步骤相关推荐

最新文章

热门文章