React-Native开发环境搭建

本文整理RN开发环境搭建，参考资料如下：

http://reactnative.cn/docs/0.31/getting-started.html#content

https://my.oschina.net/u/2272722/blog/603407

 

准备工作：

1.Mac 电脑（本人做IOS开发，故用Mac说明）

2.Xcode (版本7.0以上)

3.网络状态良好，要有一定耐心

 

正文：（在终端录入以下命令（建议直接copy））

1.  Homebrew, Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。（这个命令执行过程中会让用户输入电脑开机密码，请注意）

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

2.使用Homebrew来安装Node.js.

brew install node

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

brew install watchman

4.以上步骤均完成以后 下面我们就要开始配置IOS

安装 react-native-cli,由于我们要从npm官网下载文件 所以需要安全上网法，或者是将npm的仓库源替换为国内镜像（意思就是下载地址换成国内的）

依次执行下面三个命令

A.npm config set registry https://registry.npm.taobao.org

B.npm config set disturl https://npm.taobao.org/dist

C.npm install -g react-native-cli

执行完成后，RN开发环境就搞定了！

5.创建工程

react-native init HelloWord

这里时间会比较长，你懂得。等待完成以后 在/Users/x你的用户名/  目录下会有一个HelloWorld文件夹打开以后

6.WebStorm，编辑JS代码

下载及安装步骤：http://www.sdifenzhou.com/?p=6941 （里面包含注册码生成地址，在评论列表，请注意查看。）

 

    

 

特别说明：

第 4 步，当时把我搞蒙了，也是翻看了很多资料才搞清楚流程。（本人确实有点笨，附上截图。）

尽可能一周或两周执行这两个命令：brew update && brew upgrade （更新库）