MAC上搭建RN开发环境

首先，你需要一台mac系统的电脑。（相信你能看本文已经解决了这个问题😝）

进入正题，关于reactnative的原理这里不赘述。

==============分==========割===============线=============

必须的软件

Homebrew（mac系统的包管理器，用于安装NodeJS和一些其他必须的工具软件）

1、复制下面这段命令在terminal中执行

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

注意：在Mac OS X 10.11版本中，Homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题，可以使用下面的命令修复：

sudo chown -R `whoami` /usr/local

Node

安装好homebrew之后就可以使用它来安装Node.js了（RN需要NodeJS4.0或更高版本）

brew installnode

注意：node也可自行在官网下载安装，有时候RN不同的版本可能会对node个版本支持的不尽如人意，因此需要手动去更换node版本

安装完node后建议设置npm镜像已加速后面的过程

npmconfig set registry https://registry.npm.taobao.org--globalnpmconfig set disturl https://npm.taobao.org/dist--global

RN的命令行工具（react-native-cli）

RN的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npminstall -g react-native-cli

Xcode（RN目前需要XCode7.0或者更高版本）

测试安装

react-nativeinit AwesomeProject（初始化一个项目，项目名称就是AwesomeProject）cd AwesomeProject react-nativerun-ios (此命令用来运行iOS端程序，当然你也可以在文件中直接使用xCode打开)

这里需要说一下，如果你们的RN版本过低的话、运行iOS端的话、可能会遇到找不到服务器地址的问题，以为xCode工程中少了一个main.jsbundle文件，因此需要修改下面的代码为第二种

1、jsCodeLocation = [[RCTBundleURLProvidersharedSettings]jsBundleURLForBundleRoot:@"index.ios"fallbackResource:nil];

http后面应该是你本机的IP地址

至此你已经成功运行了你的第一个React Native应用！

更加详细的教程参见官网