vue代码打包成apk文件

最新推荐文章于 2024-07-20 12:39:42 发布
最新推荐文章于 2024-07-20 12:39:42 发布
阅读量589 收藏 2
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56418482/article/details/127603781
版权

第一步

下载HBuilderX-高效极客技巧 (dcloud.io)

第二步

登录 HBuilderX官网创建应用

第三步

1.在HBuilderX中新建项目

 ​​​​​​​

 

 2.配置manifest.json文件 

3.点击发行——>原生App-云打包 

4.点击使用公共测试证书，也可以自己生成证书，可以同时选择Android和IOS包，也可以单独选择，选择完成点击打包

5.等待打包完成，点击链接自动跳转到浏览器下载 

注意！！！

如果提示以下信息就说明，你的账号未通过HBuilderX的登录验证，就需要到 https://dev.dcloud.net.cn/    官网上登录验证，需要绑定手机号然后将同一个账号登录到HBuilderX上

 

一朝乐
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp打包成apk ---完整解压资源sdk
02-11
【描述】"uniapp打包成apk ---解压资源sdk" 提到的解压资源SDK，是指在uniapp打包过程中，需要对SDK进行处理，以便生成适应Android平台的APK文件。这个过程通常包括以下步骤： 1. **环境准备**：确保开发环境中已...
解决vue build打包之后首页白屏的问题
08-27
在开发Vue.js应用时，我们通常会使用`npm run build`命令将项目打包为生产环境版本。然而，有时候在执行这个命令后，发现打包后的应用在浏览器中打开时会出现首页白屏的情况。这个问题可能由多种原因引起，但最常见...
vue移动端项目打包成app
01-08
这几天 我做了一个vue移动端的小项目 就想着打包成 app安装在手机上看看 我就讲解下整个思路和过程 首先项目开发完之后  （我使用的是vue-cli 3.*版本） 在项目文件夹下创建一个 vue.config.js module.exports = {   publicPath: “./”,    //   打包 配置这个可以先本地查看下 效果   productionSourceMap: false     //  调试文件的功能关闭 能加快打包 }; 运行命令行   npm run build 项目文件夹下生成一个 dist文件夹 下面有这些文件  然后打开index.html 本地
VUE项目打包成apk
m0_71231013的博客
07-07 2747
需要下载一个HBuilder X编辑器，不过我相信大家身为前端开发工程师，都会有，但是下面我还是会放一个下载地址，以防有些同学没用过uni开发。在我们的开发需求中，可能会遇到需要将vue项目中的H5代码打包成一个安卓的app，那么我为大家介绍一套保姆级的解决方案，看完你就会。这里会告诉你你打包好的文件apk会放在哪里，之后安装测试即可。编辑器，新建一个5+App的项目。
vue项目 打包成apk(android)
最新发布
weixin_56831647的博客
07-20 310
将vue项目打包成apk
vue项目打包成APK
qq_42717015的博客
03-14 525
vue项目打包成APK
利用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项目打包为.apk文件
duang_summer的博客
04-27 9792
说明：使用Vue.js开发完毕的app一般不作处理的话，就只能在浏览器上做为Webapp使用。如果需要将它安装到安卓手机上就需要打包为.apk文件了。 具体步骤： 1.在vue项目中找到config/build.js 2.到build属性下的assetsPublicPath属性： 改变 '/', 为'./' （ps：就是加了个点） 3. ...
Vue仿网易云音乐移动版可通过cordova直接打包成apk
08-12
为了将这个Vue应用打包成Android APK，项目使用了Cordova。Cordova是一个开源的移动开发框架，它允许使用Web技术（HTML、CSS、JavaScript）来开发原生移动应用。Cordova通过WebView将Web应用包装在原生应用壳中，使...
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
10-14
在Vue项目中，将应用打包成APP涉及到一系列的配置和步骤。当静态资源能够正常显示，但API请求无法获取数据时，通常问题出在跨域配置和打包设置上。以下是一些关键知识点和解决方法： 1. **跨域问题**： 在开发环境...
利用HBuilder打包前端开发webapp为apk的方法
08-28
今天，我们将以Vue为例，介绍如何将Vue开发的单页应用程序打包为apk文件。 知识点二：安装Node.js 在开始开发前端应用程序之前，需要安装Node.js。Node.js是一个基于 Chrome V8 引擎的JavaScript运行环境，允许...
解决cordova+vue 项目打包成APK应用遇到的问题
11-29
公司前端界面用的是vue，我要嵌入到Android中生成App 第一步：安装node node安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。 npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。 第二步：安装cordova 1. 打开cmd 输入命令：npm install -g cordova .安装cordova 2. 验证是否安装成功，cmd中输入命令: cordova -v 如下
Vue项目打包APK----Vue发布App
weixin_42080056的博客
04-30 859
Vue项目HB打包生成APK
VUE项目打包为apk
weixin_45574675的博客
12-06 698
在实际的开发过程中，我们可能需要将vue项目打包为安卓安装包。通过Hbuilder的方式打包不需要在本机安装安卓打包方式，可以直接进行打包。
教你如何3分钟把VUE项目打包成apk，真的只要3分钟
邓占勇的博客
11-03 1万+
前提准备 使用vue-cli3搭建的项目 工具 HBuilder X，他的图标长这个样子，点击下载 做前端的大多数小伙伴们都应该知道，使用起来轻巧、急速，但是他主要是针对于VUE生态打造的，相对于 vscode 缺少了丰富的插件支持以及多语言编译的支持。但是它也有vscode无法满足的功能，比如说今天我们就要用它来把vue项目打包为 apk。 打包步骤 执行 npm run build 打包vue项目 下载并安装HBuilder X 依次点击文件》新建》项目，选择 5+APP(A) 选项，并填写好项目名
vue项目打包成apk
m0_52933282的博客
07-21 713
手把手教你把你写的vue项目运行在手机上，瞬间让你找到开发的乐趣。
【安卓开发】将Vue项目打包为app
你不来，再美的天地，都狼藉 ~
05-13 9073
一文带你将Vue项目发布app！
vue 项目打包成 apk 安装包详细步骤
sywdebug的博客
10-27 1万+
下面有说明"全屏并非状态栏透明或变色，而是没有状态栏"，就像打王者吃鸡的时候，手机顶部状态栏是不显示的，那就是全屏显示。而下面说的状态栏透明则是沉浸式状态栏，这里面没有配置项，但是可以自己写，如果需要可自行添加。随后点击 manifest.json，会给你调出配置页面，自行配置。打开左边源码视图，找到"plus"，在这个里面加上这串代码即可。在打包队列中，等就完事了，过会控制台会给你弹出下载链接。就是这个玩意，里面的 css、js 等文件复制过去。大概五分钟过后，打包好了，这个链接就是下载地址。
vue项目打包apk
jason_hw5d的博客
02-19 2079
准备工作 安装vue npm install -g @vue/cli npm install -g @vue/cli-init 创建项目vue vue init webpack my-vue-project 安装cordova相关 npm install -g cordova cordova项目内打包 my-vue-project：找到config/index.js文件；修改 ...
vscode如何将vue+vite代码打包成安卓app
06-12
要将 Vue + Vite 项目打包成安卓 App，可以使用以下步骤： 1. 首先，你需要将 Vue + Vite 项目编译成一个可运行的 Web 应用程序。在项目的根目录下，打开终端并执行以下命令： ``` npm run build ``` 这将会编译你的 Vue + Vite 项目，并生成一个可以在浏览器中运行的静态文件资源。 2. 接下来，你需要使用 Cordova 将你的 Web 应用程序打包成一个安卓应用程序。Cordova 是一个开源的移动应用程序开发框架，可以使用 HTML、CSS 和 JavaScript 来开发跨平台的移动应用程序。在终端中执行以下命令来安装 Cordova： ``` npm install -g cordova ``` 3. 创建 Cordova 项目。在终端中进入任意目录并执行以下命令： ``` cordova create myApp com.example.myApp MyApp ``` 这将创建一个名为 `myApp` 的 Cordova 项目，并在 `com.example.myApp` 命名空间下创建一个名为 `MyApp` 的安卓应用程序。 4. 进入 Cordova 项目的目录，并将编译后的 Vue + Vite 项目的静态资源文件拷贝到 Cordova 项目的 `www` 目录下： ``` cd myApp cp -R /path/to/your/vue+vite/project/dist/* www/ ``` 5. 添加安卓平台。在终端中执行以下命令： ``` cordova platform add android ``` 这将为你的 Cordova 项目添加安卓平台支持。 6. 构建安卓应用程序。在终端中执行以下命令： ``` cordova build android ``` 这将会根据你的 Cordova 项目配置和你的安卓 SDK，构建出一个安卓应用程序。构建完成后，可以在 `platforms/android/app/build/outputs/apk/debug/` 目录下找到 `app-debug.apk` 文件，这就是你的安卓应用程序。 以上就是将 Vue + Vite 项目打包成安卓 App 的基本步骤，你可以根据自己的实际情况进行调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值