react-native Mac-iOS 开发环境搭建

目前RN的学习浪潮已经拍过来了，犯懒的自己也终于狠狠心系统的学习下，RN英文版，这是我跟随学习的资源，当然还有RN中文版，欢迎小伙伴一起学习进步。

下面我们进进入正题， RN号成“Learn once, write anywhere”，因此跨平台，标准化是必要的因素，这才使得我们能够在Javascript和React的基础上获得完全一致的开发体验，构建新型的原生APP. 由上我们也可以大致了解到我们所需的一些必要软件和IDE，接着我们就来具体看下MAC-iOS下的开发环境配置。

---

Dependencies for Mac + iOS

Xcode

作为iOS开发者，相信小伙伴们最熟悉的IDE了，这个就不过多介绍了，需要的在App Store或是到Apple开发者官网上下载即可。需要注意的是React Native目前需要Xcode7.0 或更高版本。

Homebrew

Homebrew（常用使用方法）, Mac系统的包管理器，能在Mac中方便的安装软件或者卸载软件，相当于linux下的apt-get、yum神器；Homebre可以在Mac上安装一些OS X没有的UNIX工具，Homebrew将这些工具统统安装到了 /usr/local/Cellar 目录中，并在 /usr/local/bin 中创建符号链接。这里我们用它来安装NodeJS和一些其他必需的工具软件，下面推荐自己在使用的配置，仅作参考。

Node

使用上面的Homebrew来安装Node.js，基于Chrome JavaScript 运行时建立的一个平台。关于Node.js的认识和学习，可自行参考.

brew install node

React Native的命令行工具（react-native-cli）

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npminstall -g react-native-cli

注意：如果你看到EACCES: permission denied这样的权限报错，那么请参照上文的homebrew译注，修复/usr/local目录的所有权：

sudo chown -R `whoami` /usr/local

Sublime Text

用于编写、运行和调试React Native应用，我自己用的是这个。

React Native开发中推荐的一些插件：

ReactJS : 支持React开发，代码提示，高亮显示

Emmet ：前端开发必备。

Terminal : 在sublime中打开终端并定位到当前目录，神器，mac下的快捷键为：command+shift+T

react-native-snippets：react native 的代码片段

当然还有Facebook提供的基于atom的Nuclide，webstorm，Visual Studio Code等编辑器。关于这几个编译器的配置推荐小伙伴可以参考这边文章“React Native 开发之 IDE 选型和配置”，自行选择使用学习。

Watchman (推荐使用)

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化从而实现实时刷新）。

brew install watchman

Flow

Flow是一个静态的JS类型检查工具。

注：你在很多示例中看到的奇奇怪怪的冒号问号，以及方法参数中像类型一样的写法，都是属于这个flow工具的语法。这一语法并不属于ES标准，只是Facebook自家的代码规范。所以新手可以直接跳过（即不需要安装这一工具，也不建议去费力学习flow相关语法）。

brew install flow

以上基本就是笔者本身随着RN英文版来搭建的环境，当然上面的一些工具你也可以自行选择自己熟悉使用的，如果有什么好的IDE欢迎交流推荐。另外，上面如果有未安装成功的小伙伴也可以留言给我，一起解决问题。