RN开发环境搭建

RN环境有两种：原生环境和简易沙盒环境，沙盒环境大量依赖国外网络环境，不能直接发布应用，只适用于学习、演示。原生环境的搭建过程和开发平台以及目标平台息息相关。不同的开发平台和目标平台，在搭建开发环境中有一定的出入。本文分三部分介绍不同开发平台和目标平台的搭建：第一部分，macOS系统下的iOS项目；第二部分，macOS系统下的Android项目；第三部分，windows系统下的Android项目。

本篇介绍macOS系统下的iOS项目的RN开发环境搭建

RN必须安装的依赖：node、watchman、React Native命令行工具、Xcode。接下来一步一步安装必须的依赖。

本文通过Homebrew工具安装，如果没有安装Homebrew的请先安装brew，关于Homebrew的更多信息请访问https://brew.sh/index_zh-cn

安装：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
卸载：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"
更新：
brew update

安装完brew工具之后，我们先安装node

brew install node

接下来我们安装watchman，watchman是由Facebook提供的监视文件系统变更的工具，该工具可以提高开发时的性能。

brew install watchman

由于访问npm国外镜像资源受限，一般我们都将npm镜像设置为国内的

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

接下来安装一个Facebook提供的替代npm的工具，加速node模块下载的yarn

npm install -g yarn react-native-cli

安装完yarn后同样设置镜像

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

以上依赖工具安装完成后，检查Xcode版本号是否为9.4或更高的，并且检查是否有某个版本的command line tools

至此，react native的环境已搭建完成，接下来我们创建一个React Native工程并运行

react-native init testProject --version 0.44.3

注意：init命令会默认创建最新版本，而0.45及以上的版本需要下载boost等几个第三方库，这些库翻墙也能难下载成功，这里我们先创建一个0.44.3的版本。使用--version 参数可以创建指定版本的项目，这个版本号必须精确到两个小数点。此外，创建的工程的路径为终端当前所在路径~~

创建完可以用Xcode打开iOS工程编译检查工程是否存在问题，也可以用Xcode运行工程，还可以用命令行运行

cd testProject
react-native run-ios

如果发现报: error: unable to find utility "instruments", not a developer tool or in PATH这样的错误，在终端执行如下命令即可

sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/

在创建0.45以后版本的项目时候如果报“RCTBundleURLProvider.h” file not found 可以尝试在项目根路径下执行如下命令

npm install --save [email protected]

好了，环境搭建完成，放心大胆的开发吧~~~~~