React Native iOS环境搭建

检测是否配置了Homebrew

brew -v

若没有版本号则是没有安装；访问http://brew.sh/拷贝安装命令
在终端执行该命令

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

版本号 安装其他的依赖插件

安装node

brew install node

如何更新node?

node -v  // 查看当前版本
sudo npm cache clean -f   
sudo n stable   // 安装一个稳定版本

安装 watchman和flow

brew install watchman
brew install flow

安装react-native-cli命令行工具(-g表示全局安装)

npm install -g react-native-cli

如果在安装的过程中提示需要管理员权限,给命令添加sudo

sudo  npm install -g react-native-cli

通过终端创建第一个React Native的项目

react-native init ReactDemo

创建第一个项目.png

切换到对应目录打开ReactDemo.xcodeproj,运行自己的第一个react native项目

运行成功.png

React-Native服务在编写过程中要一直开着

Paste_Image.png

如果不小心关掉,可以在终端输入

npm start

来重新开启服务

安装过程中可能遇到的一些问题

Paste_Image.png

解决办法:

sudo chown -R $USER /usr/local/lib /usr/local/include /usr/local/bin /usr/local/Cellar

Paste_Image.png