将Vue项目打包成App

最新推荐文章于 2024-08-31 13:07:49 发布
最新推荐文章于 2024-08-31 13:07:49 发布
阅读量1.3k 收藏 4
点赞数
分类专栏： # vue DCloud 文章标签： vue javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41980461/article/details/105733532
版权
vue 同时被 2 个专栏收录
38 篇文章 0 订阅
订阅专栏
DCloud
6 篇文章 0 订阅
订阅专栏

首先将源码执行如下命令打包生成 dist 目录

npm run build
或
yarn build

然后打开 HbuilderX

创建 5+App

创建好之后，在你创建的项目下会生成 img,css,js 等静态资源

将 最开始打包的 dist 目录里的静态资源 拖至 新创建的 5+App 项目内(删除掉原有的静态资源,或覆盖)

到这里，本来创建的 5+App 里的文件除了最开始打包生成的静态资源外

还有一个 unpackage目录 和 manifest.json文件(我这里最开始打包的静态资源文件比较乱,不过你只要把静态资源全部拖进来就可以了)

接下来就可以在HbuilderX中随心所欲地打包你的APK或者基座包

前端薛小帅
关注
专栏目录
Vue项目如何打包成app
weixin_42601608的博客
01-04 899
要打包 Vue 项目成 app，你可以使用一些工具，如 Cordova、Electron 或者 NativeScript。 使用 Cordova 打包： 安装 Cordova：npm install -g cordova 创建 Cordova 项目：cordova create my-app 进入项目目录：cd my-app 添加平台，如 Android：cordova platform add...
使用cordova将Vue项目打包成app完整详细流程
m0_46694056的博客
11-08 4025
环境搭建与配置 一、下载jdk并配置 下载地址：https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html 往下滑，找到你自己电脑合适的系统，我的是64位的，如下 下好之后注意自己的安装目录就行，正常操作即可完成安装。 *配置jdk 1.打开环境变量，点击新建 然后输入JAVA_HOME和你刚才安装的jdk的安装目录，随后点击确定。 2.双击path之后，新建两个环境变量：%JAVA_HOME%\jre\bin
【安卓开发】将Vue项目打包为app
你不来，再美的天地，都狼藉 ~
05-13 9283
一文带你将Vue项目发布app！
vue移动端项目打包成app
01-08
这几天 我做了一个vue移动端的小项目 就想着打包成 app安装在手机上看看 我就讲解下整个思路和过程 首先项目开发完之后  （我使用的是vue-cli 3.*版本） 在项目文件夹下创建一个 vue.config.js module.exports = {   publicPath: “./”,    //   打包 配置这个可以先本地查看下 效果   productionSourceMap: false     //  调试文件的功能关闭 能加快打包 }; 运行命令行   npm run build 项目文件夹下生成一个 dist文件夹 下面有这些文件  然后打开index.html 本地
基于SpringBoot+Vue+uniapp的校园跑腿信息系统的详细设计和实现(源码+lw+部署文档+讲解等)
大牛
07-12 590
🌞博主介绍：✌全网粉丝15W+,CSDN特邀作者、211毕业、高级全栈开发程序员、大厂多年工作经验、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序技术领域和毕业项目实战，以及程序定制化开发、全栈讲解、就业辅导✌🌞👇🏻精彩专栏 推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全：100个热门选题推荐✅2023-2024年最值得选的Java毕业设计选题大全：500个热门选题推荐✅Java精品实战案例《500套》
vue项目打包成App
weixin_38673922的博客
07-24 2300
找到HBuilder X 工具栏 => 发行 => 原生App-云打包 选择公共测试证书。在router/index.js关闭路由的history模式（默认哈希）将生成的dist文件夹里面的内容复制，放进该文件夹（app1.0）中。新建 => 项目 => 选择 5+app => 输入项目名称。
vue打包为App手摸手教你，2024年最新前端开发经验的有效总结
m0_57502067的博客
04-10 857
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。一个人可以走的很快，但一群人才能走的更远。
vue项目打包成app
Jonn1124的博客
04-21 203
使用hbuilderx将vue项目打包成App
啊哈前端的专栏
06-02 6967
一、打包vue web项目 1、修改build的配置 在vue-cli(2.9.x版本)下，修改config目录下index.js里面的build.assetsPublicPath(默认是/，这里在/之前加了个英文状态下的点符号) 2、运行yarn run build（我用的是yarn包管理器，如果是用npm，则运行npm run build） 打包后的静态资源文件之后会用到。 ...
cordova环境配置（java,sdk,gradle），将vue项目打包成app的详细流程
zyj123__的博客
05-29 2239
jdk下载并配置 下载jdk 下图是自己资源管理器中jdk的安装路径，双击然后next就好，不需要改什么配置，不改默认安装路径！ 手里没有安装包的，下载地址在这里 ： https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 配置Jdk 1、 在文件资源管理器中，右击此电脑–>属性–>高级系统设置–>环境变量–>系统变量 2.、 新建 JAVA_HOME 的变量，值为
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
10-14
在Vue项目中，将应用打包成APP涉及到一系列的配置和步骤。当静态资源能够正常显示，但API请求无法获取数据时，通常问题出在跨域配置和打包设置上。以下是一些关键知识点和解决方法： 1. **跨域问题**： 在开发环境...
Vue项目打包移动端App(App打包教程)，简便直接
热门推荐
【CSDN】
08-15 1万+
Vue打包成.apk安装的过程中遇到的问题问题1：打包成的apk在真机上显示空白界面项目文件路径引用错误，导致文件加载为404vue打包后的文件时存在于dist目录下的，也就是说dist目录作为根目录。在dist目录中启动一个本地服务其访问地址为http://localhost:8080/index.html,即可访问首页dist目录下的index.html文件并加载对应的js,css文件，也就是说文件启动根目录是和dist目录中的index.html是平级的。......
vue项目打包App
z1815367894的博客
07-04 126
8, 点击Hbuilder菜单栏的 发行=>原生App-云打包 , 取消ios包选项, 选择Android面板下的 使用公共测试证书 选项 然后点击下方 打包 按钮 , 开始云打包。7, 打开manifest.json文件, 配置AppID, 应用名, 图标, 取消模块配置中的Contact(通讯录), 勾选App常用其他设置 中的 x86。9, 云端打包完成, 会在控制台打印云端包地址, 点击下载到手机上,安装即可。1, 把项目中所有的跨域代理请求的代理地址,改成跨域原地址。
Vue项目打包APK----Vue发布App
weixin_42080056的博客
04-30 977
Vue项目HB打包生成APK
vue打包app
wsy的博客
12-01 478
1.项目终端执行打包命令，命令执行完毕会在模具中看到dist文件夹 2.HBuilder X新建一个5+App项目 3.将打包好的dist文件夹内容复制到新创建的5+App项目内 4.基础配置：应用标识、应用名称、版本名称、版本号、应用描述 5.图标配置 6.点击发行选择原声app-云打包，这里选择的是使用公共测试证书，真实打包要勾选自有证书 7.点击打包后会弹出打包检验点击继续 8.出现以下错误将通讯录权限关闭，重新打包 9.打包完
vue打包为App手摸手教你
技术前端，忠于热爱 @0.活在风浪里
11-27 4520
一、修改请求静态资源的路径 打开config下的index.js文件，修改assetsPublicPath的值，从‘/’改为‘./’。即从根路径改为相对路径。 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assets
将vue项目打包为安卓软件
最新发布
xc9711的博客
08-31 1057
将vue打包android安卓软件过程
Vue项目使用HBuilder打包成APP详细教程
"vue-cli或vue项目利用HBuilder打包成移动端app操作" Vue CLI 和 Vue.js 项目可以通过HBuilder工具转换为移动端的应用程序，这个过程涉及多个步骤，包括项目运行、配置修改、文件打包、目录创建、应用转换以及调试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端薛小帅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值