vue移动端项目打包成app

最新推荐文章于 2024-06-18 23:23:06 发布
最新推荐文章于 2024-06-18 23:23:06 发布
阅读量196 收藏 1
点赞数
分类专栏： 打包 上线
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52608028/article/details/113949341
版权
  1. 运行命令 生成dist文件夹
 npm run build

  1. 打开HBuilder 右键 新建 项目
    在这里插入图片描述

  2. 复制dist文件夹下的文件替换新建项目里边相同文件
    在这里插入图片描述

  3. 打开新建项目manifest.json,设置基础配置 在这里插入图片描述

  4. 右击项目名-> 发行 -> 原生App云打包在这里插入图片描述

  5. 若出现错误提示

在这里插入图片描述

  1. 去掉通讯录的勾选重新打包在这里插入图片描述
  2. 队列中----等待打包完成
    在这里插入图片描述
  3. 打包成功—复制链接至手机浏览器下载
    在这里插入图片描述
珍珠藏着贝壳里
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目打包成app
zhangxiaodui的博客
07-12 7111
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）
Vue项目如何打包成app
weixin_42601608的博客
01-04 883
要打包 Vue 项目成 app，你可以使用一些工具，如 Cordova、Electron 或者 NativeScript。 使用 Cordova 打包： 安装 Cordova：npm install -g cordova 创建 Cordova 项目：cordova create my-app 进入项目目录：cd my-app 添加平台，如 Android：cordova platform add...
vue项目打包成App
weixin_38673922的博客
07-24 2237
找到HBuilder X 工具栏 => 发行 => 原生App-云打包 选择公共测试证书。在router/index.js关闭路由的history模式（默认哈希）将生成的dist文件夹里面的内容复制，放进该文件夹（app1.0）中。新建 => 项目 => 选择 5+app => 输入项目名称。
vue项目如何打包以及如何变成android、ios应用程序
最新发布
2401_84435192的博客
06-18 450
在中，我们就可以写很多webpack配置，常用的有: 配置端口号，配置跨域服务器代理等。我们需要的主要是配置一个打包的目录publicPath,否则打包出来的apk文件，安装在安卓手机上，可能出现白屏，具体配置如下:publicPath: “./”,// 需要配置 否则打包后的apk文件安装在手机可能白屏port: “6868”, // 配置开发服务器的端口号（打包可以无需配置）// 配置跨域代理(也可以使用CROS解决跨域)proxy: {“/ api”: {
vue项目打包App
z1815367894的博客
07-04 124
8, 点击Hbuilder菜单栏的 发行=>原生App-云打包 , 取消ios包选项, 选择Android面板下的 使用公共测试证书 选项 然后点击下方 打包 按钮 , 开始云打包。7, 打开manifest.json文件, 配置AppID, 应用名, 图标, 取消模块配置中的Contact(通讯录), 勾选App常用其他设置 中的 x86。9, 云端打包完成, 会在控制台打印云端包地址, 点击下载到手机上,安装即可。1, 把项目中所有的跨域代理请求的代理地址,改成跨域原地址。
【安卓开发】将Vue项目打包为app
你不来，再美的天地，都狼藉 ~
05-13 9201
一文带你将Vue项目发布app！
Hbuilder将vue项目打包为app（具体步骤和注意点）
...
10-04 4292
Hbuilder将vue项目打包为app（具体步骤和注意点）
mobile-web:Vue移动端案例项目
04-15
《Vue移动端案例项目详解》 在移动互联网时代，前端开发技术日新月异，Vue.js作为一款轻量级、高性能的前端框架，以其简洁的API和强大的功能深受开发者喜爱。本项目“mobile-web”就是一个基于Vue.js的移动端案例，...
vue移动端应用打包成App后，监听手机物理返回键
qq_39154056的博客
11-17 1326
当vue移动端项目运行在浏览器或者手机上时，点击页面上自定义的后退按钮正常返回上一页，但点击手机上的物理返回键时，app就直接退出关闭了。那么，要如何控制点击手机返回键时能后退页而不是直接退出应用呢？下面就是解决的方法： 使用能监听手机物理返回键的框架 MUI 1、安装依赖 npm install vue-awesome-mui -save 2、在 main.js 中引入 import Mui from 'vue-awesome-mui' Vue.use(Mui) 3、在 App.vue 中使用
使用hbuilderx将vue项目打包成App
啊哈前端的专栏
06-02 6952
一、打包vue web项目 1、修改build的配置 在vue-cli(2.9.x版本)下，修改config目录下index.js里面的build.assetsPublicPath(默认是/，这里在/之前加了个英文状态下的点符号) 2、运行yarn run build（我用的是yarn包管理器，如果是用npm，则运行npm run build） 打包后的静态资源文件之后会用到。 ...
将Vue项目打包成App
http://xueshuai.top
04-24 1350
首先将源码执行如下命令打包生成 dist 目录 npm run build yarn build 然后打开 HbuilderX 创建 5+App 创建好之后，在你创建的项目下会生成 img,css,js 等静态资源 将最开始打包的 dist 目录里的静态资源拖至新创建的 5+App 项目内(删除掉原有的静态资源,或覆盖) 到这里，本来创建的 5+App 里的文件除了最开始...
vue项目打包app
kangkang212916的博客
06-28 181
8, 点击Hbuilder菜单栏的 发行=>原生App-云打包 , 取消ios包选项, 选择Android面板下的 使用公共测试证书 选项 然后点击下方 打包 按钮 , 开始云打包。7, 打开manifest.json文件, 配置AppID, 应用名, 图标, 取消模块配置中的Contact(通讯录), 勾选App常用其他设置 中的 x86。9, 云端打包完成, 会在控制台打印云端包地址, 点击下载到手机上,安装即可。1, 把项目中所有的跨域代理请求的代理地址,改成跨域原地址。
cordava打包vue项目成app
weixin_34370347的博客
12-10 295
注意：安装目录不要以中文命名 1.安装cordova ：npm install -g cordova 2.安装java jdk ：配置环境变量: 1.系统变量：名：JAVA_HOME 值：C:\Program Files\Java\jdk1.8.0_31 2.在Path中添加：%JAVA_HOME%\bin; 3.安装ANT : 1.添加系统变量:名：C...
cordova打包vue项目成webapp
shichong123的博客
08-30 1180
今天尝试了用cordova把vue项目打包成apk,可以参考w3c文档，期间也是踩了不少坑，既然打包的是vue，首先要准备一个能运行的vue项目。 1.修改vue项目中main.js。 document.addEventListener('deviceready', function() { new Vue({ el: '#app', router, components: {...
前端VUE项目打包成安卓APP
QY'UniverseSpace的博客
02-23 2341
1.打包vue项目，在项目的根目录执行命令 npm run build,直至项目打包完成 打开dist文件件，里面有一个index.html和static文件夹。 2.新建cordova项目 2.1安装cordova，命令行执行 npm install -g cordova 2.2利用cordova创建一个新项目，命令行执行cordova create folkmusic com.music.folkmusic musicapp folkmusic是项目名称，com.music.folk.
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、付费专栏及课程。

余额充值