基于virtualBox虚拟机构建IOS混合应用打包环境

leida_wt

已于 2023-03-13 16:06:27 修改

阅读量1.7k

点赞数

分类专栏： web 文章标签： ios virtualBox quasar cordova

于 2022-10-26 20:35:07 首次发布

本文链接：https://blog.csdn.net/leida_wt/article/details/123735282

版权

web 专栏收录该内容

5 篇文章

订阅专栏

本文介绍在Ubuntu上利用VirtualBox虚拟机安装macOS Catalina，为Quasar Cordova建立IOS混合应用打包环境的方法。包括基于VirtualBox构建macOS虚拟机、启用USB设备支持、配置Xcode开发环境、安装web开发环境以及搭建Quasar环境等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文记录在ubuntu上利用virtualBox虚拟机安装macOS Catalina，为quasar cordova建立IOS混合应用打包环境的方法。

基于virtualBox构建macOS虚拟机

首先，在Ubuntu系统上安装VirtualBox6.1，教程见这里：

# Prerequisites
sudo apt update
sudo apt upgrade
# Setup Apt Repository
wget -q https://www.virtualbox.org/download/oracle_vbox_2016.asc -O- | sudo apt-key add -
wget -q https://www.virtualbox.org/download/oracle_vbox.asc -O- | sudo apt-key add -
sudo add-apt-repository "deb http://download.virtualbox.org/virtualbox/debian bionic contrib"
# Install VirtualBox on Ubuntu 18.04
sudo apt update
sudo apt install virtualbox-6.1

安装后可执行virtualbox来启动virtualBox。
随后我们通过macos-virtualbox脚本安装virtualBox，详见这里。如果宿主机是intel平台，会比较顺利，AMD平台会有一些兼容性的小问题，可按照其弹出的提示解决。macos-virtualbox执行过程中会多次启动虚拟机，最终如果成功进入macOS的引导安装程序，就大功告成了。这里安装的是macOS Catalina版本：
请添加图片描述

Virtualbox 启用USB 设备支持

ref: Virtualbox 启用USB 设备支持

Xcode开发环境配置

通过here可知macOS Catalina系统最高可以安装Xcode 12.4版本。注册苹果开发者账户后可从此处下载Xcode安装包，下载好后将其移动到applications文件夹即可，详情可参考这篇文章。
Xcode要占用十几个G的硬盘空间，若需调虚拟机的整虚拟磁盘大小（扩容），可见这个issue。

web开发环境安装

安装HomeBrew(brew 和 brew cask)，见此文。
安装nvm及node环境，见此文。

为NVM更换淘宝镜像：在命令行中执行：

export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node/

为npm更换淘宝源，见此文

quasar环境搭建

Quasar 是一个优秀的vue前端UI框架，有非常好的跨平台特性：详见官网。推荐通过Quasar CLI来进行Quasar工程的创建和管理，见vue全家桶+Electron+Quasar框架快速构建跨平台应用。
安装好Quasar后，参考developing-cordova-apps准备好ios app打包所需的依赖（主要是cordova）。最后执行cordova requirements检查依赖环境，按要求补装相关包。
注：cocoapods报错的解决方法
Finally：用CLI建立一个模板工程，执行quasar dev -m cordova -T ios进行编译打包，结果如下：
请添加图片描述