vue.js 项目打包APP应用

在hbuilderx编辑器使用的,vue.js 项目打包APP应用

创建一个vue.js项目,写好移动端 vue.js 框架,APP项目完成。

1、在config配置文件,index.js文件里面找到assetsPublicPath:’./’ ,说明:在斜杠前面加上一个点。

vue.js 项目打包APP应用包

2、使用vue.js项目打包命令 cnpm run build,

vue.js 项目打包APP应用包
3、vue.js目录下面会多出来一个bist文件夹,这个文件夹就行打包过的项目。

vue.js 项目打包APP应用包

4、在vue.js项目里面的bist里面的,文件夹放在另一个文件夹里面myAPP文件夹名称。

vue.js 项目打包APP应用包

5、创建一个5-app项目,选择

vue.js 项目打包APP应用包
6、把5+app里面文件夹就留一个配置APP的文件,manifest.json 文件夹(里面可以修改:配置图标、启动图标、应用名称)
vue.js 项目打包APP应用包

7、开发打包,选项:‘发行’——选择:‘原生APP打包’ ——在没有证书的,情况下选择 androil(安卓) ios(苹果) 版本,选择 ‘使用 ‘使用dcl
oud公用证书’ ——选择:‘打包’

vue.js 项目打包APP应用包
8、等待打包完成,在hbuilderx控制器里面会显示,控制器正在打包,等待打包完成会出现一条连接,点击连接下载应用包。发送给手机,或者使用手机模拟器。

vue.js 项目打包APP应用包

注意:发送到手机尽量使用qq发送下载到手机。

相关文章: