### 搭建开发环境 * * * * * 需要安装的： * HomeBrew Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件 * Node * Yarn 包管理工具 * react-native-cli * xcode/Android Studio * Watchman * Flow 新手可跳过 * Nuclide #### ※ HomeBrew安装 ~~~ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" ~~~ 译注：在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复： ~~~ sudo chown -R `whoami` /usr/local ~~~ #### ※ Node安装 ~~~ brew install node ~~~ React Native目前需要NodeJS 5.0或更高版本。本文发布时Homebrew默认安装的是最新版本，一般都满足要求。 注意：使用npm下载速度回比较慢，一般会使用改变镜像或者使用代理来解决。切记不要用cnpm，cnpm安装的模块路径比较奇怪，packager不能正常识别！ ~~~ npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global ~~~ #### ※ Yarn安装 ~~~ npm install -g yarn ~~~ 设置镜像 ~~~ yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global ~~~ Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。 yarn -- npm install yarn add ... -- npm install --save ... 传送门：[Yarn使用手册](https://yarnpkg.com/zh-Hans/docs/usage) #### ※ react-native-cli 安装 ~~~ npm install -g react-native-cli ~~~ #### ※ Xcode安装 React Native目前需要Xcode8.0 或更高版本。你可以通过App Store或是到Apple开发者官网上下载。 #### ※ WatchMan安装 ~~~ brew install watchman ~~~ Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化从而实现实时刷新）。译注：此工具官方虽然是推荐安装，但在实践中，我们认为此工具是必须安装，否则可能无法正常开发。 #### ※ Flow 安装 ~~~ brew install flow ~~~ Flow是一个静态的JS类型检查工具，Facebook自家的代码规范。 译注：你在很多示例中看到的奇奇怪怪的冒号问号，以及方法参数中像类型一样的写法，都是属于这个flow工具的语法。这一语法并不属于ES标准，只是Facebook自家的代码规范。所以新手可以直接跳过（即不需要安装这一工具，也不建议去费力学习flow相关语法）。 ※ Nuclide安装 下载地址：https://nuclide.io/ 入门文档：http://nuclide.io/docs/quick-start/getting-started/ Nuclide是由Facebook提供的基于atom的集成开发环境，可用于编写、运行和调试React Native应用。 推荐编辑器： Webstorm：推荐 新手使用，基本不需要安装额外插件。 Sublime：轻量，需配置较多插件 Visual Studio