1.首先打包vue项目
npm run build
打包后的资源在项目根目录下 dist 文件夹下
image.png
2.使用 HBuilderX 打包
打开 HBuilderX 点击左上角 文件 - 新建 - 项目，选择 5+app
image.png
image.png
创建成功后可以看到自动生成的目录文件
image.png
使用第一步生成的vue项目替换目录中的 css img js index.html 文件，替换后的目录为下
image.png
image.png
manfest.json 文件用于app的基本配置，如：名称、版本、图标、启动图等
3.开始打包
点击左上角 发行 - 原生App-云打包 选择 Android 还是 iOS（需证书），这里我们使用 Android 公共测试证书
image.png
image.png
点击打包，打包成功后点击链接即可下载
image.png
