React Native Mac配置指南

步骤

• http://facebook.github.io/react-native/docs/getting-started.html#content
  

按照React Native官网步骤一步步安装，记录如下

1.安装Homebrew （按照官网 在命令终端输入命令即可）

2.安装nvm（node version manager），即Node.js的安装下载器。

（1）命令终端->git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 —tags`(由于.nvm在目录视图下是不合法的命名方式，所以目录视图看不到该目录，只能够在命令行下进入)

（2）为Mac系统指明nvm.sh的位置

命令终端->source ~/.nvm/nvm.sh 或 . ~/.nvm/nvm.sh。

（3）添加系统目录nvm

为避免每次都要指明nvm.sh的位置可以为命令终端添加启动配置

*配置~/.profile

命令终端->touch ~/.profile

open -e !$

将会打开profile文件，添加

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

*配置~/.bashrc（可不配置？）

步骤同上

3.安装Node.js

既然上一步已经安装好了nvm，现在就可以通过nvm安装最新版的Node.js了。

命令终端->nvm install node && nvm alias default node

4.按照官网步骤，在命令终端一次输入命令，安装watchman, flow

（1）命令终端->brew install watchman

(2)命令终端->brew install flow

5.安装React Navtive 客户端

命令终端->npm install -g react-native-cli （npm: Node Package Manager）

6.Quick Start

OK!现在已经完全配置好了React Native，现在就可以用Native生成实例程序了！

命令终端->react-native init 工程名字

React Native就会在你的用户根目录下生成相应的工程，并包含简单的代码实现。