一、环境的安装配置

一、环境的需求

1.安装HomeBrew

curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1
另一种方式：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
复制代码

2.安装npm和node.js

注意：node.js最好安装4.0以上的版本,直接下载安装包安装就好

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.28.0/install.sh | bash

激活nvm “. ~/.nvm/nvm.sh” 或 “source ~/.nvm/nvm.sh”

另一种安装nodejs的方式：
nvm ls-remote  // 查看远程可使用的版本
nvm install 对应的版本号
复制代码

3.安装WatchMan

该插件用于监控bug文件和文件变化，并且可以触发指定的操作 安装方式,使用终端命令：

brew install watchman
复制代码

4.安装Flow

flow时js静态类型检查器，方便检查代码中可能存在的类型错误 安装方式：

brew install flow
复制代码

二、React Native 安装

1.安装Rect Native 注意权限问题 sudo

sudo npm install -g react-native-cli
复制代码

三、iOS环境安装

注意：环境Xcode 7 及以上的版本

四、安卓的环境安装

五、创建React Native应用

1.创建

react-native init 应用名称
复制代码

注意：npm 仓库源替换为国内镜像,不然可能由于网络的原因，创建很慢

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

2.指定React-Native版本

react-native --version                                 //查看当前reactNative版本
sudo npm update -g react-native-cli                    //更新全局的reactNative到最新版本
npm info react-native                                  //查看服务器端的reactNative的各版本信息
npm install --save react-native@0.34.1
复制代码

六、webstorm 安装模板文件

注意： 用webStorm打开工程后，切换到Babel 克隆仓库到本地：

git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
复制代码

Mac下安装模板(不安装，写代码不会有提示) 将ReactNative.xml复制到 ~/Library/Preferences/WebStorm11/templates 最好也拷贝一份到options文件下 要完全退出然后重启 WebStrom

ATom常用的插件安装

• nuclide 安装命令： apm install nuclide
• atom-react-native-autocomplete 安装命令： apm install atom-react-native-autocomplete