ReactNative环境搭建

一、安装Homebrew

介绍：

Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。

安装：

在终端输入

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

看到“Press RETURN to continue or any other key to abort”时记得按回车键

看到“Installation successful”就是安装成功了

卸载：

$ cd brew --prefix
$ rm -rf Cellar
$ brew prune
$ rm git ls-files
$ rm -r Library/Homebrew Library/Aliases Library/Formula Library/Contributions
$ rm -rf .git
$ rm -rf ~/Library/Caches/Homebrew

二、安装Node.js

介绍：

Node 是一个服务器端 JavaScript 解释器，它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。

注意：

1.React Native需要 NodeJS 4.0或更高版本，Homebrew的Node默认包是6.0版本的，所以应该不成问题
2.安装完node后建议设置npm镜像以加速后面的过程，否则后面插件安装巨慢
在终端输入

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

安装：

在终端输入

$ brew install node

检查是否安装成功：

在终端输入

$ node -v

三、安装React Native命令行工具

介绍：

命令行工具可以轻松创建和初始化工程

安装：

在终端输入

$ npm install -g react-native-cli

完成的样子

注意：

如果出现错误 :EACCES: permission denied,使用命令: sudo npm install -g React-native-cli.

四、React Native辅助工具

1.Watchman

介绍：

Watchman是 facebook 的一个开源项目，它开源用来监视文件并且记录文件的改动情况，当文件变更它可以触发一些操作,例如执行一些命令等等。
在使用React Native时，官方推荐推荐安装Watchman，否则你可能会遇到一个Node.js监视文件系统的BUG。

安装：

在终端输入$ brew install watchman

2.Flow

介绍：

Flow是一个静态的检查类型检查工具，设计之初的目的就是为了可以发现JavaScript脚本里不容易被发现的错误。

安装：

在终端输入$brew install flow

五、WebStorm开发工具智能提示

终端输入：

git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

下载完毕打开WebStorm导入

重启WebStrom即可

六、平台开发工具

1.苹果开发工具使用X-Code在苹果商城下载即可

https://itunes.apple.com/cn/app/xcode/id497799835?mt=12

2.安卓开发推荐使用Android Studio

Android Studio的安装请看我的这篇文章http://www.jianshu.com/p/25897462c090