React Native学习之Windows下安装苹果 Mac OS X

React Native 开发 iOS 必须使用苹果操作系统 Mac OS X

• Mac：可以直接调试 iOS 与 Android
• Windows：只能调试 Android

黑苹果：自从苹果采用Intel的处理器，OS X被黑客破解后可以安装在Intel CPU与部分AMD CPU的机器上。从而出现了一大批未购买苹果机而使用苹果操作系统的机器，被称为黑苹果(Hackintosh)；在Mac苹果机上面安装原版Mac系统的被称为白苹果（Macintosh），与黑苹果相对。

虚拟机安装苹果：硬件性能要求较高

使用虚拟机 VMware 12 安装 Mac OS X 10.11

所需工具：

• VMware Workstation 12
• unlocker 208（VMware for OS X 插件补丁）
• Mac OS X 10.11镜像

安装VMware Workstation 12

安装unlocker 208 （for OS X 插件补丁）

不要打开虚拟机，解压unlocker 208，找到 unlocker208\win-install.cmd，以管理员身份运行 win-install.cmd


以管理员身份打开 VMware Workstation，创建虚拟机

1、新建虚拟机

2、点击浏览，选择 Mac OS X 10.11 镜像

3、选择操作系统类型为 OS X 10.11

4、设置名称和位置

5、设置磁盘

6、创建成功

编辑虚拟机

配置.vmx 文件

先不要开启虚拟机，打开虚拟机目录下的 OS X 10.11.vmx 文件，使用文本编辑器打开，在smc.present = "TRUE"后面添加smc.version ="0"保存。

启动虚拟机，开始安装

1、安装引导

2、选择语言

3、磁盘分区

到这没法继续，需要为虚拟磁盘分区

4、选择磁盘

点击左上角的磁盘工具，退出磁盘工具。选择刚抹掉的磁盘，继续安装到完成重新启动。

5、安装系统

虚拟机 OS X 与 主机 Windows 共享文件配置

Win7是Server，Mac是Client，VMware上运行Mac系统

• 1、在虚拟机属性的Options菜单中选择Shared Folders选项
• 2、选择Always enabled选项
• 3、然后选择要在Win7系统上共享的文件夹路径名
• 4、在Win7系统下将改文件夹设为共享
• 5、进入MAC系统桌面右键点击Finder前往菜单Connectting to Server
• 6、在连接服务器对话框中输入[smb://Windows主机的IP地址]，其中smb是访问Windows共享文件夹所使用的协议名称
• 7、连接到Windows主机之后会显示该主机所共享的文件夹，选择想要访问的一个即可
• 8、这样再次打开Finder的时候就可以直接访问到共享文件夹了

Raact Native的 Mac 开发环境搭建(Windows虚拟机)

环境需求

安装Homebrew

推荐使用 Homebrew 来安装 Node、Watchman 和 Flow

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

安装 Node.js 4.0或更高版本

brew install node

译注：如果你并不使用 Node.js 开发网站，只是用于React Native的开发，那么直接使用 brew install node 安装即可，不必按照下面的nvm的安装步骤。

• 1、安装 nvm（安装向导在这里）
• 2、运行 nvm install node && nvm alias default node

这将会默认安装最新版本的Node.js并且设置好命令行的环境变量，这样你可以输入node命令来启动Node.js环境。

nvm使你可以同时安装多个版本的Node.js，并且在这些版本之间轻松切换。

如果你从未接触过npm，推荐阅读npm的文档

安装 watchman

推荐安装 watchman，否则你可能会遇到一个 Node.js 监视文件系统的BUG。

brew install watchman

安装 flow

如果你希望使用flow来为js代码加上类型检查，那么安装flow。（译注：新手可以跳过这一步）

brew install flow

更新

推荐您定期运行更新来保持上述几个程序为最新版本。

brew update && brew upgrade

iOS开发环境准备

需要安装Xcode 7.0或者更高版本。

推荐安装Xcode 7.1 不要安装最新版本 注意安全风险发生。

安装 React Native 开发环境

npm install -g react-native-cli

译注：由于众所周知的网络原因，react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像：

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

另，执行init时切记不要在前面加上sudo（否则新项目的目录所有者会变为root而不是当前用户，导致一系列权限问题，请使用chown修复）。

开始开发

创建项目

在iOS Emulator中按下⌘+D以刷新APP并看到你的最新修改！

react-native init RNAPP

运行iOS应用

• cd RNAPP
• 用XCode打开iios/RNAPP.xcodeproj并点击Run按钮
• 使用你喜欢的文本编辑器打开index.ios.js并随便改上几行
• 在iOS Emulator中按下⌘+R就可以刷新APP并看到你的最新修改
• 在iOS Emulator中按下⌘+D就可以打开开发者菜单