vue 使用window的对象_如何3分钟把VUE项目打包成apk

必要条件

使用vue-cli3搭建的项目

工具

HBuilder X，他的图标长这个样子，下载地址：https://www.dcloud.io/hbuilderx.html

做前端的大多数小伙伴们都应该知道，使用起来轻巧、急速，但是他主要是针对于VUE生态打造的，相对于 vscode 缺少了丰富的插件支持以及多语言编译的支持。但是它也有vscode无法满足的功能，比如说今天我们就要用它来把vue项目打包为 apk。

打包步骤

执行 npm run build 打包vue项目
下载并安装HBuilder X
依次点击文件》新建》项目，选择 5+APP(A) 选项，并填写好项目名称，选择项目保存位置，选择默认模板

将 vue 打包后的dist 目录下的所有内容拷贝到刚才创建的项目目录下
点击 manifest.json 文件

图标设置你可以“点击自动生成所有图标并替换”，系统会自动为你生成各种尺寸的图标
其他的配置可以就是用默认的配置，不用去管它

选择基础配置，填写AppID(需要自己申请)和应用名称

点击发行》原生APP云打包，勾选Android，选择“使用公测测试证书”完成这一步后只需要耐心的等待，打包完成后会自动返回下载链接，你只需要下载下来然后和正常的APP一样安装即可。打开应用，可以看到里面的内容和我们在浏览器中看到的效果是一样的

注意点

vue.config.js 中一定要配置
```
{    publicPath: './',}
```
路由模式使用 history 模式
打开新页面不能使用 window.open 方法，因为在这里面没有 window 对象，不然你看到的将会是这个样子

长按关注

前端筱园

vue 使用window的对象_如何3分钟把VUE项目打包成apk相关推荐

教你如何3分钟把VUE项目打包成apk，真的只要3分钟
前提准备使用vue-cli3搭建的项目工具 HBuilder X,他的图标长这个样子,点击下载做前端的大多数小伙伴们都应该知道,使用起来轻巧.急速,但是他主要是针对于VUE生态打造的,相对于 v ...
Cordova将vue项目打包成apk(全使用命令行)
场景假设vue项目已经搭建好,要将其打包成apk. 实现编译vue项目在vue项目目录下打开cmd,输入: npm run build 新建cordova项目来到要新建cordova项目的目录 ...
vue 使用window的对象_浏览器对象的使用（window对象）
window对象是BOM的核心,window对象指当前的浏览器窗口. window对象方法: 注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器. 1.JavaSc ...
vue项目打包成apk安装包详细步骤
第一步 : 下载HbuilderX DCloud官网 HBuilderX下载地址第二部 : 创建5+App项目完事点创建得到这么个玩意把没用的都干掉,留下manifest.json就行了然后 ...
Vue项目打包成桌面程序exe除了使用electron-vue你还可以这样
场景 electron-vue 基于 vue (基本上是它听起来的样子) 来构造 electron 应用程序的样板代码. 该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序 ...
cordova+vue 项目打包成Android（apk）应用
现在使用vue开发的项目越来越多,使用vue开发的移动端打包就成了最大的问题. 现在前端打包方案有好多种,但是综合来说,我比较喜欢用cordova来进行Android和ios的打包,配置完成之后,每次 ...
vue前后端分离项目打包成app,部署成移动端
将vue项目打包成app,在手机上运行. 1. vue打包 npm run build 先将vue的前端项目打包成dist文件夹 2. 安装hbuilderX Hbuilder官网地址 3. hbui ...
vue项目打包成exe可执行文件
Vue项目打包成exe可执行文件实现思路:从electron官网上拉取代码,把官网上拉取下来项目中的index.html替换成自己vue项目打包好的dist文件中的index.html,输入打包e ...
vue项目打包成.exe桌面应用
1.将vue项目打包成dist文件:npm run build:prod 2.新建文件夹,使用git下载(下载其中一种就行) gitee git clone https://gitee.com/wal ...

vue 使用window的对象_如何3分钟把VUE项目打包成apk

注意点

vue 使用window的对象_如何3分钟把VUE项目打包成apk相关推荐

最新文章

热门文章