✎React Native 开发环境安装和配置、创建demo

A、首先要进行Rect Native 开发你需要安装如下5个工具，homebrew、nvm、watchman、flow 、node.js.

B、本人ios开发，前提需要一台Mac(OSX)，在Mac上安装Xcode,建议Xcode 7 以上版本

安装命令：

1、安装Homebrew

【OS X已经内置了ruby的解释环境】执行以下脚本：

ruby -e"$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"

【如果Homebrew安装失败，安装失败,执行以下脚本卸载：/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/uninstall)"  ；将旧的目录删除：sudo rm -rf /usr/local/.Gitrm -rf Library .git .gitignore bin/brew README.md share/man/man1/brew rm -rf ~/Library/Caches/Homebrew ；再重新安装】

2、安装nvm

brew install nvm

然后打开.bashrc文件

vim $HOME/.bashrc

添加如下配置：

export NVM_DIR="$HOME/.nvm"

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

【输入” i “ 开始编辑，按‘ esc ’退出编辑，输入“ ：wq”保存退出】

这样配置之后，在Terminal输入nvm命令还是提示command not found，需要再次输入激活nvm，找到目录下的nvm.sh（命令前一个点）：

. $HOME/nvm/nvm.sh

3、安装node.js

nvm install node && nvm alias default node

【也可以到Node.js官网去直接下载pkg包安装】

4、安装watchman

brew install watchman

5、安装 flow

brew install flow

【安装完成之后，可以执行如下命令更新 Homebrew的信息，并升级所有可以升级的软件： brew update && brew upgrade】

6、安装react-native

sudo npm install -g react-native-cli

【回车提示输入电脑密码，再回车】

7、创建demo 显示 helloworld

切换到项目存放目录： /Users/...

cd /Users/...

开始创建TestProject：

react-native init TestProject

【等待一段时间，创建完成后，进入项目ios文件夹，打开工程运行即可，至此环境配置完成，并可使用】