vue打包成app方法？

vue打包成app方法

如果你想把你的vue项目打包成app，你可以使用HBuilderX这个工具来实现。HBuilderX是一个支持多端开发的IDE，它可以让你用vue开发5+App，也就是可以运行在Android和iOS上的混合应用。下面是具体的步骤：

1. 在你的vue项目中，运行npm run build命令，生成dist文件夹，里面是压缩后的代码。

2. 打开HBuilderX，选择菜单栏中的文件-新建-项目-5+App（A），创建一个新的5+App项目 。

3. 把dist文件夹中的html，js，css，img等文件复制到HBuilderX创建的5+App项目中 。

4. 点击HBuilderX中的manifest.json文件，进行一些基本配置，比如应用名称，图标，启动界面等 。

5. 连接你的手机或模拟器，并在HBuilderX中选择菜单栏中的运行-运行到手机或模拟器上 。这样就可以在手机上看到你的app效果了。

6. 如果没有问题，就可以选择菜单栏中的发行-原生App云打包 。这样就会生成一个apk文件，你可以把它安装到任何Android设备上了。

当然如果不想安装本地打包软件还可以使用一门APP开发平台工具www.yimenapp.com

登录一门APP开发者中心，点击顶部导航新建APP，选择html APP项目，之后输入APP名字，点击创建；

之后上传自己的vue前端代码，一般建议25M大小内的前端html代码，将代码上传一门之后，在基础配置界面设定一下APP访问的首页路劲，之后直接点击左侧导航生成安装包按钮，进入后直接生成安装包。

整个过程非常的简单，一般只要2-5分钟即可。