React-native mac开发环境配置

react-native mac开发环境配置(一)

官方教程请点击http://reactnative.cn/docs/0.42/getting-started.html

一、IOS + Mac

1.安装 Homebrew

打开终端，输入命令：

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

2.安装node

终端输入命令：

brew install node

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

终端输入命令：

npm install -g yarn react-native-cli

4.安装Xcode

可以通过App Store或是到Apple开发者官网上下载

5.推荐安装

<1> Watchman .   Facebook提供的监视文件系统变更的工具

终端输入命令：

brew install watchman

<2> Flow .  一个静态的JS类型检查工具

终端输入命令：

brew install flow

---

当以上步骤都安装成功时，让我们一起来测试一下安装吧

1.打开终端进入到将要放置项目的目录下 .  终端输入命令：

cd xxxxxxxxxx(项目目录)

2.初始化项目 .   终端输入命令：

react-native init RNdemo(项目名称)

3.进入项目目录 .   终端输入命令：

cd RNdemo

4.运行项目 .   终端输入命令：

react-natiive run-ios

运行结果如下：