用vue做一个app

2024-06-01 08:11:53

做一个专属自己的app

首先是如何打包：

下载HBuilderx,下载好后创建5+app项目，然后npm run build 打包vue项目，生成dist文件，把dist文件的内容整个复制粘贴到新创的5+app项目中，有重复直接替换。

替换完后安装安卓模拟器，我用的是逍遥安卓模拟器，安装完后运行，HBuilderx应该可以自己识别到，点击运行

运行到模拟器中，如果没有检测到，重新打开HBuilderx,和安卓模拟器，如果还是不行就百度找找问题。

运行到模拟中后，你安装的模拟器就会自己下载一个app，就是你这个项目的app了。

这里我遇到一个问题，就是项目打包后项目显示空白问题：

在你之前的vue项目中创建vue.config.js文件，里面加入：

module.exports = {baseUrl:'./',//如果出错的话换成  publicPath:'./',（这个是因为vue版本问题）outputDir:'dist'
}

还是不行的话，更改一下router的路由模式，改为hash模式

最后重新npm run build 打包，生成dist文件，再重新进行上面的操作。

最后在真机上运行app：

在HBuilderx中右键你的项目，点击发行原生app云打包，点击后会弹出打包选项框，起个android包名，使用公测证书，选择安心打包，其他默认就可以，之后会让你配置manifest.json，配置一下就行（百度），配置完后重新发行原生app云打包，会生成一个apk，把这个apk发到你手机上安装就可以了。（这里还有一个要注意的微信发送apk后会自动加一个xxx.apk.1的后缀，会不能安装，qq发apk就可以。）

2021.10.30

用vue做一个app相关推荐

vue 做一个定点地图的页面（定位到你想要的地点）
实例:如何用vue做一个定点地图的页面,进入一个地图,并且定位到你想要的地点. 这里举一个定点医院的例子. 在pages中添加一个vue页面为Hospital_map.vue,将该网页注册到路由src ...
VUE做一个公共的提示组件，显示两秒自动隐藏，显示的值父组件传递给子组件
需求:VUE做一个公共的提示组件,显示两秒自动隐藏,显示的值由父组件动态传给子组件. 效果图: 实现步骤: 1.创建一个子组件 Toptips.vue (它就是公共提示组件), optips.vue代 ...
【移动端debug-6】如何做一个App里的web调试小工具
原文链接:如何做一个App里的web调试小工具我们知道现在hybrid app非常流行,在这样的app里,h5页面是应用非常广泛的.相对于以往在pc端开发的网页,放在app里的网页由于无法直接使用桌 ...
语言做一个自动售货机软件_软件开发手机app系统软件高端定制做一个app软件要多少钱...
软件开发手机app系统软件高端定制-做一个app软件要多少钱 APP开发分原生APP开发和在线制作,我们来看下这两种都需要多少费用吧. 1.原生APP开发(定制开发) 互联网是个神奇的大网,大数据开发 ...
使用vue做一个“淘宝“项目——3
做出分类页面前言:做出首页,详细请看前两篇文章 1.使用vue做一个"淘宝"项目(做出首页) 2.使用vue做一个"淘宝"项目(显示商品栏) 目录: 创建项目 ...
做一个APP要多少钱？
3年前,天真的我认为做一个APP顶多5000块钱,网站2000块以内就能搞定.高于这个价格就是唬小孩.后来我确实花过1000块钱买了个模板网页,5000块钱买个模板APP,干了这些傻事.最后的结果就像 ...
创业成本？亲身经历告诉你做一个app要多少钱
导语:作为一名苦逼的移动互联网创业者,被外行的朋友们问及最多的问题是"做一个网站需要多少钱?"或者"做一个APP需要多少钱?" 作为一名苦逼的移动互联网创业者, ...
做一个 APP 需要多少钱
作为互联网从业者,被外行的朋友们问及最多的问题是,"做一个网站多少钱?"或者"做一个 APP 需要多少钱?".作为做过完整网站项目和 APP 的人,今天从产品经 ...
从产品经理的角度算一算，做一个 APP 需要多少钱
作为互联网从业者,被外行的朋友们问及最多的问题是,"做一个网站多少钱?"或者"做一个 APP 需要多少钱?".作为做过完整网站项目和 APP 的人,今天从产品经 ...
哟，2020年了！试着用vue做一个自己的小程序吧~~
Table of Content 前言 1. 生命周期 1. Vue的生命周期 2. 微信小程序页面生命周期 3. uni-app生命周期 1. 应用生命周期 2. 页面生命周期 2. 项目搭建 1. ...

最新文章

热门文章