在 Windows 上搭建 React Native IOS 开发环境

在 windows 上开发 React Native IOS App 必定须要 Mac OS X 操做系统吗？答案几乎是确定的，下面这是 2016 年的答案，时隔两年过去了依然没有什么好的解决方案。

create-react-native-app + Expo 却是能够不须要 OS X 操做系统，可是须要一个 iPhone，我依然没有。即便有，这种方式也不适合用来开发。

因此，在 Windows 上安装虚拟机彷佛是一个最佳选择。通过个人实践，只要电脑内存不小于 8 GB，处理器不是太渣开发体验基本上是能够接受的。

本文的写做顺序为：安装 VMware 14 => 解锁 VMware => 安装 OS X => 更新操做系统 => 安装开发工具 => 运行 RN 初始化的应用

安装 VMware 15

如下是个人 VM，下载后解压，安装时双击、下一步就好了，里面包含有激活码。

连接：https://pan.baidu.com/s/1znrI...
提取码：kvt7

解锁 VMware

苹果公司作了一些限制，不容许在虚拟机上安装 Mac OS，VMware 也应该没有拿到受权，因此默认是没有安装 Mac OS 的选项，不过有第三方工具是能够解锁这个功能的。这是此工具的下载地址：cdn.xnngs.cn/share/VMwar…

解压后右键管理员身份运行 win-install.cmd 程序便可。

解锁功能后建立一个虚拟机，而后如图所示选中 Mac OS 的镜像，此镜像较大，能够去百度网盘下载，连接：pan.baidu.com/s/1cp6ubiKG… 密码：ma9g

以后在自定义硬件的时候，分配的内存和 CPU 核心数均可觉得主机的一半。按默认分配的也能够，后面随时均可以改的。（不过最好 CPU 是有多少给多少，由于虚拟机内操做系统的显卡是由主机的 CPU 虚拟化的，主机的处理器好很差会直接影响到安装后的系统画面是否流畅）

安装 OS X

解决安装黑苹果出现“没有符合安装资格的软件包

初次打开虚拟机的时候是会有一个报错的，打开 Mac OS 的安装目录（非虚拟机安装目录），找到 macOS 10.12.vmx 文件，在 smc.present = "TRUE" 后面添加一行 smc.version = 0。以后再次打开虚拟机就会进入加载系统的界面。

接下来来到下面这个界面，按如图所示的操做进行分区，而后将系统安装在此分区内。

重启后就是一些自定义设置了，建议先选择不链接到互联网（就算如今选择了联网也没法登录 Apple ID），快速设置一个帐户进入到系统。

进入到系统以后就能够安装 VMtools 了

安装好 VMtools 以后就可让 Mac OS 全屏显示了

共享文件夹也顺便设置下吧，我这里把 Windows 的 D 盘和 OS X 作了一个共享，这样两个系统互相传输和访问文件就很方便了。

更新操做系统

到这里还不能说已经安装好了 OS X，由于还不能登陆 Apple ID，至少个人是不能登录的，它给了我这样的提示

须要使用安装 macOS 10.15 或更高版本的 Mac 才能以此 Apple ID 登陆
复制代码

因此，接下来要升级系统到 10.15，其实也很简单，打开 App Store，在更新页面的首页就有安装选项。

更新下载并安装完后，下次重启时会让登陆 Apple ID，还会让输入上一次使用过的苹果设备的密码。

到这里就完成了 Mac OS X 的安装了。

安装开发工具

首先去 App Store 安装 XCode，大概有 6G左右

接着打开终端运行一下命令安装包管理器 brew

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
复制代码

有了包管理器后就能够本方便地安装 node

$ brew install node
复制代码

为了让 npm 下载东西比较快，这里设置下淘宝镜像

$ npm config set registry https://registry.npm.taobao.org --global
$ npm config set disturl https://npm.taobao.org/dist --global
复制代码

而后安装 yarn 和 react-native 命令行工具，这里 yarn 是可选的

$ npm install -g yarn react-native-cli
复制代码

仍是为了速度，再设置下 yarn 的淘宝镜像

$ yarn config set registry https://registry.npm.taobao.org --global
$ yarn config set disturl https://npm.taobao.org/dist --global
复制代码

到这里 React Native 的 IOS 环境就装完了

运行 RN 初始化的应用

用如下几条命令就能够初始化一个 React Native 应用并启动

$ react-native init testApp
$ cd testApp
$ cd ios pod install (如报错 xcrun unable to find simctl,打开Xcode > Preferences > Locations 更改一下Command Line Tools选项就能够了)
$ react-native run-ios
复制代码

图中为了节省时间是提早启动了一个 IOS 模拟器的，正常状况下它会在上面的命令执行后自动启动。

按 win + D 能够打开模拟器选项开启热加载，以后改动代码，页面就会自动刷新。

最后再来测试下虚拟机的性能，再用 XCode 打开此项目并启动了一个 8 plus 模拟器，两个模拟器同时运行加上 XCode、VSCode、Node 终端、浏览器也依然是很是流畅的。看来分配个 4 G 内存是彻底 OK 的。

Enjoy it!😁