Mackit New

Mackit — Cache cleaner for macOS developers: scans regenerable caches left by Xcode / Node / Flutter and more, risk-labeled, so you can reclaim disk space.

Learn more
Notice We stopped publishing new developer articles in June 2024. Thank you for visiting. Archived posts
知识

推荐使用 Vue CLI 打包成原生应用,无需额外配置,简单方便。

Vue.js 是一种流行的前端框架,要是你想将 Vue.js 应用打包成移动应用,你可以使用 vue-cli 工具。首先,你需要安装 vue-cli。然后,你可以使用以下命令来创建一个新的 Vue.js 项目:
```bash vue create my-project ``` 下一步,你需要安装一些必要的插件,例如 vue-loader 和 vue-cli-plugin。然后,你可以使用以下命令来打包你的应用:
```bash npm run build ``` 最后,你可以将生成的 app 文件上传到你的应用商店。记住,打包的过程可能需要一些时间,具体取决于你的项目大小和你的设备配置。

vue 是一个流行的前端框架,可以用来开发多种类型的 web 应用。但是,如果我们想如果要把 vue 项目打包成 app,也就是能在 安卓 和 iOS 设备上运行的混合应用,我们需要借助一些工具和平台来实现。

第一种常用的方法,即使用 HBuilderX 这个 IDE 来创建和打包 5+App。

HBuilderX 是一个支持多端开发的 IDE,它能够让我们用 vue 开发 5+App,也就是基于 HTML5 技术的混合应用。5+App 可以利用原生能力,如摄像头、通讯录、指纹等,提高用户体验和性能。HBuilderX 还提供了云打包和本地打包两种方法,叫我们可轻松地将 web 项目转换为 app。

具体的操作步骤如下

1. 将 vue 项目正常打包生成 dist 文件夹。

2. 下载并安装 HBuilderX 本地生成 APP

第二种常用方法,是通过名翠软件开发平台在线将vue前端框架代码生成APP

1.登入名翠软件开发平台www.mingcui.cn

2.在开发者中心新建APP,选择html打包APP项目

3.上传vue前端html代码,包括JS,CSS及html的vue前端网页代码

3.在开发者后台基本信息页面执行VUE项目的首页访问路径

4.点击左侧生成安装包进入,在线生成APP,可以一键生成苹果和安卓APP

生成过程一般3分钟左右,生成成功之后在线扫码即可下载APP进行设备测试了。