Vue Cli 3.0打包生成app

1、vue cli 3.0创建新工程，添加依赖mint-ui

2、项目配置中，公共路径设置为./，（注意，这一步非常重要，否则打包后项目找不到项目中文件）

修改保存后，可以看到vue.config.js文件中，publicPath如下图

3、在HBuider中打开目录，路径为工程的dist。选中工程，右键菜单选择“转换成移动App”，然后工程的标识就变成了‘A’,

4、选择发行—>云打包-打原生安装包—>打包

5、生成得到apk文件

Vue Cli 3.0打包生成app相关推荐

VUE CLI 4.x 打包成APP后白屏解决办法打包APP教程
一般用VUE打包项目后,再把项目打包成APK安装包,在手机上打开应用我们会发现打开是一片白,这是什么原因呢? 路由模式为history模式. 资源的路径不对.默认情况下,Vue CLI 会假设你的应用 ...
专访Vue作者尤雨溪：Vue CLI 3.0重构的原因
1.为什么要对 Vue CLI 进行大规模修改? 尤雨溪认为旧版本的 Vue CLI 本质上只是从 GitHub 拉取模版,这种拉模版的方式有几个问题: (1) 在单个模版里面同时支持太多选项会导致模 ...
Vue CLI 3 可以使用 TypeScript 生成新工程
TypeScript 支持在 Vue 2.5.0 中,我们大大改进了类型声明以更好地使用默认的基于对象的 API.同时此版本也引入了一些其它变化,需要开发者作出相应的升级.阅读博客文章了解更多详情. ...
如何使用@vue/cli 3.0在npm上创建，发布和使用你自己的Vue.js组件库
译者按: 你可能npm人家的包过成千上万次,但你是否有创建,发布和使用过自己的npm包? 原文: How to create, publish and use your own VueJS Compo ...
@vue/cli 3.0 eslint 转成tslint
我们用 vue/cli 创建新项目的时候,通常会选择代码检查工具 [eslint|tslint],有的时候难免会选错,这个时候想要替换,怎么办场景再现 vue create lint-vue 为了方 ...
Vue CLI 3.0 正式发布，Vue.js 开发标准化工具
Vue CLI 3.0 已发布,该版本经历了重构,旨在: 减少现代前端工具的配置烦扰,尤其是在将多个工具混合在一起使用时: 尽可能在工具链中加入最佳实践,让它成为任意 Vue 应用程序的默认实践. V ...
HBuilder x 打包生成app步骤
1.把打包好的dist文件夹打开把里面的文件拿出来按下图所示(刚开始在HBuilder x中生成文件他会自带一个index.html,这个文件没有用,要删掉,如果不删的话,打包生成app的时候会白屏的 ...
Vue CLI 3.0脚手架如何在本地配置mock数据
前后端分离的开发模式已经是目前前端的主流模式,至于为什么会前后端分离的开发我们就不做过多的阐述,既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段. 我们在开发的过程中,由于后台接口的没有完成或 ...
vue cli 项目在打包时候报错 API fatal error handler returned after process out of memory
问题描述 vue cli 项目在打包时候报错:API fatal error handler returned after process out of memory. 问题分析从给出的提示可以看出 ...

Vue Cli 3.0打包生成app

Vue Cli 3.0打包生成app相关推荐

最新文章

热门文章