iOS开发 React-native开发环境配置

英文原文地址：https://facebook.github.io/react-native/docs/getting-started.html

1、安装 homebrew （若已经安装可跳过此步）

打开官网 http://brew.sh/  首页中心有句 命令拷贝到 终端之行就可以安装完成,命令如下：

[objc] view plain copy

 

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

2、安装 Node.js 4.0 或者更新版本

<1>安装 nvm （安装nvm的官网说明  https://github.com/creationix/nvm#installation）

curl 安装将下面的命令在终端之行即可安装完成  nvm,命令如下：

[objc] view plain copy

 

1. curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash  

安装完nvm 后需要激活 nvm激活方法即在终端执行下面命令：

[objc] view plain copy

 

1. . ~/.nvm/nvm.sh  

为了每次启动终端都可以 自动的设置终端，并激活nvm ，需要在 ~/.bashrc, ~/.profile, 活着 ~/.zshrc 中加入如下命令

（我并没有手动添加这些文本，因为我打开~/.profile 查看的时候，里面已经有这两行了，你可以自行查看一下，如果已经有了 就不用重复添加了 ）

[objc] view plain copy

 

1. export NVM_DIR="$HOME/.nvm"  
2. [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm  

<2>使用 nvm 安装 node.js 并设置终端

设置后可在终端直接键入 node 来执行 node.js

利用 nvm 可以安装多个不同版本的  node.js ,并可以很容易的在版本间切换。

执行如下命令 安装 node.js 并设置终端

[objc] view plain copy

 

1. nvm install node && nvm alias default node  

3、安装 watchman 

强烈建议安装 watchman ,否则可能会遇到 node 文件查看相关的 bug，安装命令如下：

[objc] view plain copy

 

1. brew install watchman  

4、安装flow  

安装命令 ：

[objc] view plain copy

 

1. brew install flow  

5、更新应用程序

最后可以执行 如下命令来更新应用程序，官方强烈推荐的，命令如下：

[objc] view plain copy

 

1. brew update && brew upgrade  

iOS开发，需要安装 xcode7或者更高版本，xcode 可以到 appstore 去下载。

6、安装 ReactNative 命令行工具 ，命令如下：

[objc] view plain copy

 

1. npm install -g react-native-cli  

（如果提示 permission denied ，请添加 sudo）

[objc] view plain copy

 

1. sudo npm install -g react-native-cli  

7、创建一个 React native 工程 AwesomeProject

[objc] view plain copy

 

1. react-native init AwesomeProject  

8、执行 iOS 工程

可以打开 index.ios.js  文件 在原有的 demo 代码中 做一些 再运行。

iOS XCode 工程在  AwesomeProject/ios/AwesomeProject.xcodeproj ,用xcode 打开 点击 run 即可

还可以在 工程根目录下执行 命令

[objc] view plain copy

1. react-native run-ios  

启动工程的方式官方推荐后者 ，该方式的编译速度显著优于在 xcode 中执行的速度。