admin管理员组

文章数量:1530068

文章目录

    • 前言
    • 一、大致流程描述
    • 二、对 vue 项目进行打包
      • 2.1 打包前配置
      • 2.2 打包
    • 三、打包移动端 app
    • 四、封装后的app与原生的有什么区别？
      • 4.1 开发模式不同
      • 4.2 优势不同
      • 4.3 特点不同道
      • 4.4 开发成本不同
    • 附：使用 Cordova 打包步骤

前言

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

本文标签： 流程项目vueappHBuilderx

版权声明：本文标题：Vue 项目利用 HBuilderX 打包 APP 流程 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1726631564a1079218.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。