(001) RN开发之Mac搭建开发环境

接触RN第一步：React Native中文网

搭建开发环境

必须安装的依赖有：Node、Watchman 和 Xcode。

我们推荐使用Homebrew来安装 Node 和 Watchman。在命令行中执行下列命令安装：

1. Homebrew 

Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件

ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

检查安装是否成功：

brew --version

2. 安装node

react-native依赖node环境

brew install node

检查安装是否成功： 

node --version

安装完之后需要设置国内npm镜像:

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

3. Watchman

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化从而实现实时刷新）。此工具官方虽然是推荐安装，但在实践中，我们认为此工具是必须安装，否则可能无法正常开发。

brew install watchman

检查安装是否成功： 

watchman --version

4. Yarn

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。

npm install -g yarn

安装完 yarn 之后就可以用 yarn 代替 npm 了，例如用yarn代替npm install命令，用yarn add 某第三方库名代替npm install 某第三方库名。
 

5. 安装react-native-cli 

react-native命令行工具，如果你之前全局安装过旧的react-native-cli命令行工具，请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突。

npm install -g react-native-cli

检查安装是否成功： 

react-native --version

完成以上步骤就备齐创建RN工程的环境。安装完，可以利用react-native命令初始化RN项目(很慢!!!)

react-native init AwesomeProject

初始化完成后可以直接运行

react-native run-ios

下一步将建立第一个项目“AwesomeProject”，并且在Xcode 模拟器中跑起来。

 

react-native 的相关命令

（1）查看本地的React Native的版本 

react-native --version

（2）更新本地的React Native的版本

npm update -g react-native-cli

（3）查询react-native的npm包最新版本 

npm info react-native

（4）更新项目中的RN

进到项目中cd Helloworld的目录

react-native upgrade

 

遇到问题：

1. 安装Homebrew 

Already up-to-date.

Error: Could not link:

/usr/local/share/man/man1/brew.1

 

Please delete these paths and run `brew update`.

Error: Could not link:

/usr/local/share/doc/homebrew

Please delete these paths and run `brew update`.

复制路径:  CMD+shift +G 前往文件夹  找到文件，后移除文件。注意备份。

然后 $brew update 

出现Already up-to-date.安装完毕。

 

2. 安装Node遇到问题

$brew install node

$brew install watchman

Error: You must `brew link autoconf automake` before watchman can be installed

$brew link autoconf automake

$brew install watchman

$brew install flow