React-Native Mac搭建环境_1

1.1安装HomeBrew

说明: Homebrew是一个方便开发者在MAC OS X系统上面安装Linux工具包的ruby脚本.简单来说就是工具箱.

安装

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
if Homebrew安装失败 {
执行以下脚本卸载
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)" 
重新安装
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
}
以后更新升级工具箱和其中的能升级的工具
brew update && brew upgrade

1.2工具箱放nvm

说明:node版本管理器.

安装

brew install nvm
添加配置
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
激活nvm
. ~/.nvm/nvm.sh

1.3安装node.js

说明:node.js 使用事件驱动,非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用.

安装

方法一:(不建议)
nvm install node && nvm alias default node
方法二:
到官网下载: https://nodejs.org/en/

1.4安装watchman

说明:Facebook 开源的一个文件监控服务,用来监视文件并且记录文件的改动情况，当文件变更它可以触发一些操作,例如执行一些命令等等。

安装

brew install watchman

1.5安装 flow

说明:Facebook 出品的一个用于 JavaScript 代码静态类型检查的工具,用于找出 JavaScript 代码中的类型错误

安装

brew install flow

1.6安装react-native

安装

这个脚本只需执行一次。
npm install -g react-native-cli
if 以上语句有报错(以前有安装过但没及时更新) {
   检测你的node是否为新版本
    node -v (当前什么版本)
    sudo npm cache clean -f  (清除npm cache)
    sudo npm install -g n  (安装n模块)
    sudo n stable(安装最新的稳定版本) 或 sudo n 版本号 (安装到特定的版本)  

  npm unintall react-native (卸载可能有安装的过的工具)
  npm install -g react-native-cli 
  (或 sudo npm install -g react-native-cli)
}

1.7创建项目

react-native init fristProject
成功显示如下:
This will walk you through creating a new React Native project in /Users/......../fristProject

附上:
整理了一份React-Native学习指南
http://www.tuicool.com/articles/zaInUbA
http://reactnative.cn/