Vue cli3+Hubuilder将项目打包为App

前言

现在跨平台的开发越发的火了起来。前端能做到的事情也越来越多，App再也不用完全依靠安卓原生开发了。现在开发app的方式都是内核是前端开发，然后再给项目套一个安卓的外壳，即可实现app的开发。

Vue开发app如何打包？

现在最新的脚手架为Vue-cli3,构建出来的项目结构十分明了简单。配置文件只需一个Vue.config.js即可搞定。先到Vue.config.js里面添加：

``` JSmodule.exports = {// 选项...,baseUrl: './',devServer: {port: 8080, // 端口号host: 'localhost',https: false, // https:{type:Boolean}open: true, //配置自动启动浏览器// proxy: 'http://localhost:4000' // 配置跨域处理,只有一个代理proxy: {'/api': {target: '',//后端接口地址ws: true,changeOrigin: true,//是否允许跨域pathRewrite: {'^/api': ''   //直接用'api/接口名'进行请求.}}}  // 配置多个代理},
};
```
复制代码

将baseUrl改为'./' 然后用webpack将项目打包为dist文件.

打开Huilder 点击打开目录找到刚刚的dist文件夹，取好项目名称。

右点击项目，将项目转换为App

然后进行mainfest文件配置，制作app图标和启动页点击进行云打包进行打包

然后下载打包好之后的.apk文件即可。

转载于:https://juejin.im/post/5c8a2139e51d45476f07e0c9

Vue cli3+Hubuilder将项目打包为App相关推荐

vue前后端分离项目打包成app,部署成移动端
将vue项目打包成app,在手机上运行. 1. vue打包 npm run build 先将vue的前端项目打包成dist文件夹 2. 安装hbuilderX Hbuilder官网地址 3. hbui ...
Hbuilder将vue项目打包为app（具体步骤和注意点）
Hbuilder将vue项目打包为app(具体步骤和注意点) 打包配置进行打包注意事项打包配置 1.打开Hbuider,点击左上角文件,点击新建,然后点击项目.项目类型要选择5+App,项目名称 ...
Vue CLI3搭建的项目中，如何给文件夹起别名?
因为这段大年的时间里,好久没写博客了,是好懒散了.真的是少年易老学难成,一寸光阴不可轻啊.浪费一秒钟是一秒钟的罪过. 我们使用Vue CLI3搭建的项目中,在vue.config.js文件中,在给文件 ...
Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决
vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决一. 页面显示空白二. 背景图片不显示一. 页面显示空白解决方法: config > index.js ...
vue项目打包成app，在ios端iconfont 部分字体图标不显示
最近在用vue结合capacitor 写app的项目,痛苦真痛苦. 在xcode上打包成app之后,发现有些字体图片怎么改都显示不出来. 解决办法: 把引用的css url 加上https
vue移动端项目打包成app
这几天我做了一个vue移动端的小项目就想着打包成 app安装在手机上看看我就讲解下整个思路和过程首先项目开发完之后 (我使用的是vue-cli 3.*版本) 在项目文件夹下创建一个 vue. ...
vue的移动端项目打包成手机的app软件apk格式
目录前提准备: 1.vue项目npm run build打包成dist文件夹 2.注册hbuilderx账号,获取appid 步骤一.创建h5+app空模版二. 将打包完成生成dist文件目录复 ...
html5打包成app不能拍照,vue项目打包成app无法使用input调用相机
问题描述:打包成app后使用input上传图片只能做到在文件夹中选取,不能实现拍照上传图片解决方案: 1.利用HTML5 Plus的Camera调用相机 2.利用HTML5 Plus的IO来实现读取 ...
将Html网页或者是Aue项目打包成App
把前端的网页打包成App 一. 前言首先,在学前端的时候,我们接触到了Html,css,js,你只需要有这些,即可打包成一个App,当然肯定需要一些打包的软件,然后你如果学习到了Vue框架,用脚 ...

Vue cli3+Hubuilder将项目打包为App

前言

Vue开发app如何打包？

Vue cli3+Hubuilder将项目打包为App相关推荐

最新文章

热门文章