Mac下搭建ReactNative开发环境

在mac(osx)下搭建ReactNative开发环境需要依次完成下面4步:

• 安装mac osx上的软件包管理器HomeBrew
• 安装 Node.js环境
• 安装ReactNative命令行工具
• 安装AndroidStudio/Xcode

(1)安装mac osx上的软件包管理器HomeBrew

HomeBrew是mac osx系统上的包管理器,可以帮助我们很容易管理应用程序的安装和卸载.

打开终端输入以下命令安装HomeBrew:

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

(2)安装 Node.js环境

Note.js是基于Chrome’s V8 JavaScript引擎的JavaScript运行时。
在终端输入下面的命令安装:

brew install node

(3)安装React Native命令行工具:
在终端输入下面的命令安装:

npm install -g react-native-cli
React Native命令行工具安装成功之后，我们可以通过react-native --help来查了它索支持的所有命令。

tips:从npm上安装一些组件的时候通常的情况下是比较慢的，这是因为npm的服务是设在国外的，所以在国内访问的速度很慢。为了提高下载的速度我们可以为npm设置一个国内镜像，让npm每次下载组件的时候都从国内的镜像上获取,这样一来速度就会大大提高。
在命令行下输出:
$ npm config set registry https://registry.npm.taobao.org
$ npm config set disturl https://npm.taobao.org/dist

(4)安装AndroidStudio/Xcode。

经过上面的四步基于ReactNative的环境就安装完毕,接下来需要创建我们的第一个ReactNative工程了。

react-native init AwesomeProject(工程名称)
tips:初始化结束后就可以在终端下进入项目的根目录,输入
react-native run-ios//运行ios项目
react-native run-android//运行android项目
在运行过程中可能会出现一些问题,比如ANDROID_HOME环境变量配置不对等,这些都很好解决，这里不再赘述.