Vue 项目利用 HBuilderX 打包 APP 流程

前言

H5打包App通常是指将基于HTML、CSS和JavaScript的移动端网页应用，通过一些工具或框架转化为原生的iOS平台、Android平台可执行文件，以在手机设备上运行。
想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。

一、大致流程描述

1. 项目整体使用 Vue+HbuilderX(或者Hbuilder) 开发
2. 使用 Vue 来实现基本页面跳转，增删改查等 app 基本功能，
3. 当需要使用到 app 原生功能则使用一些相关的 UI 框架（如：mui、nutui 等）
4. 真机调试
5. 最后通过HbuilderX将vue项目打包成app包

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus