React Native 环境搭建&新建工程(iOS)

本文参考链接：lib.csdn.net/article/reactnative/34967

打开终端

安装watchman－自动监听文件内容变化，刷新数据

brewinstallwatchman

如果提示没有安装brew

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

安装flow－提供静态语法检查，自动补全

brewinstallflow

如果你之前安装了flow或者watchman,建议更新到最新版本

brew upgrade watchmanbrew upgradeflow

新建一个工程

react-nativeinitDemo--verbose

在Nuclide运行项目

第一步，运行react native packager

点击 command + shift + p打开command palette（打开终端选项），然后输入

reactnativestart

然后，选择

Nuclide React Native :Start packager

第二步，终端运行项目

cd到项目目录，执行

$ react-nativerun-ios

在Nuclide中调试

执行完上面一步后，你应该会看到这样的模拟器界面

大坑如下：

1.如无意外，终端会报错Print: Entry, ":CFBundleIdentifier", Does Not Exist

搜遍全网之后，几乎都是让改版本，但是由于我使用了atom，在改版本后会出现flow无法使用的问题（无法解决），所以我研究了两天，发现这个问题是由于最新版本文件缺失。（如果用xcode运行你会发现报错提示为xxx.h not found）

具体解决方法如下：

1）.打开xcode，在info.plist和项目中加入BundleIdentifier

2）.新版本中node_modules/react-native/third-party文件缺失，覆盖一份完整的进去

3）.重新运行

react-nativerun-ios

2.错误中含有：port 8081

终端：lsof -i tcp:8081

就此，react native的环境搭建及新建项目的流程已经解决，如果有其他问题请留言，如果是我遇到的坑我会及时回复。