本文将带你了解IOS开发入门搭建Node(Reactnative)开发环境，希望本文对大家学IOS有所帮助。

搭建React Native开发环境

平台 macOS,目标平台:   iOS

安装

1.   Homebrew

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

/usr/bin/ruby -e   "$(curl -fsSL   https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.   Node

很多教程推荐使用brew,但是许多人又反应后期项目同步用的node不一样
所以我建议直接官网下载,并保留安装包

https://nodejs.org/zh-cn/

3.国内镜像加速

安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

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

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

4.Yarn、React   Native的命令行工具（react-native-cli）

Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React   Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

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

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

sudo chown -R `whoami` /usr/local

5.XCode

Appstore直接下载安装

6.   Watchman

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

brew install   watchman

7.   Flow

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

brew install   flow

测试安装

react-native init   AwesomeProject

cd   AwesomeProject

react-native   run-ios

提示：你可以使用–version参数创建指定版本的项目。例如react-native   init MyApp –version   0.39.2。注意版本号必须精确到两个小数点。

或者双击ios/AwesomeProject.xcodeproj文件然后在Xcode中点击Run按钮。

修改项目

现在你已经成功运行了项目，我们可以开始尝试动手改一改了：

使用你喜欢的编辑器打开index.ios.js并随便改上几行。   在iOS Emulator中按下?-R就可以刷新APP并看到你的最新修改！     

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之IOS频道！