本文整理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 (更新库)