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 (更新库) 

原文地址:https://www.cnblogs.com/madaha/p/5903146.html