Mac下配置node.js 和react-native

最近对JS挺感兴趣的，就琢磨着在mac上配置下环境学习学习，正巧看到了Facebook的react-native,顺便配置了一下。

安装Homebrew

终端输入：

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

官方原装代码，homebrew用法十分简单，其他的一些具体用法在这里都可以找到。

注意：安装之后会给我们一个wraning  ,而且当我们输入nvm指令的时候会提示command not found ，只需要在.bash_prodfile（Users下显示隐藏文件就可以看到）中添加即可

export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

想知道是否成功终端nvm --version  输出版本号看一下

安装NVM

安装了homebrew之后安装nvm就特别方便了，一句代码的事

brew install nvm

看了Facebook官方的指导建议安装 watchman和flow（访问需翻墙），我是js新手，具体干嘛的了解的不深。

安装也很简单

同上 brew install watchman  和brew install flow即可

安装Node

有了nvm之后安装node就十分方便了，同样终端  nvm install node && nvm alias default node

我安装的时候忘了nvm alias default node ,所以每次都需要重新install 十分扯淡，解决方法同样只需在.bash_prodfile在加上一句 nvm use v5.0(版本号，是多少就是多少)

这个时候nvm ls 就可以查看安装的各个版本了

->       v5.0.0
         system
node -> stable (-> v5.0.0) (default)
stable -> 5.0 (-> v5.0.0) (default)
iojs -> N/A (default)

到这里基本差不多了，按照脸书官方提示终端输入

npm install -g react-native-cli
react-native init AwesomeProject

这个过程可能会比较慢，init也可能会失败，重试一次差不多了，初始化好了之后打开项目新版Xcode（7.0+）估计会有react-native commond not found的链接错误，这个github官方有issue说明，链接在这里https://github.com/facebook/react-native/issues/3948#issuecomment-157568831，解决办法大神说的也很明白了

一切成功之后打开init的工程直接运行，会出来下面的效果（对原始js文件做了一点点修改）更多功能还在学习中！！