首页 > 代码库 > RN01-React Native环境搭建

RN01-React Native环境搭建

学习文档:
中文:http://reactnative.cn/docs/0.31/getting-started.html
英文:http://facebook.github.io/react-native/docs/getting-started.html
 
第一步:Homebrew安装
Homebrew简称brew,是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件,可以说Homebrew就是mac下的apt-get、yum神器
终端执行下面这个命令
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”
 
第二步:安装nvm和node.js
终端执行下面命令安装nvm(最好去github复制看下最新的版本再安装https://github.com/creationix/nvm),mac可能出现报错,注意报错的问题,比如如下问题:
Note: On OS X, if you get nvm: command not found after running the install script, your system may not have a [.bash_profile file] where the command is set up,就是少创建一个问题,我们只要进到nvm的目录:cd ~/.nvm  执行touch ~/.bash_profile命令即可。
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash
 
终端执行下面命令安装node.js:
nvm install node && nvm alias default node
 
第三步:安装RN
npm install -g react-native-cli
 
第四步:安装Watchman、flow
以上3步执行完成后即可创建我们的RN项目,但是这里还有两个辅助工具 watctman 、flow的安装
Watchman是 facebook 的一个开源项目,它开源用来监视文件并且记录文件的改动情况,当文件变更它可以触发一些操作,例如执行一些命令等等。
在使用React Native时,官方推荐推荐安装watchman,否则你可能会遇到一个Node.js监视文件系统的BUG。
安装Watchman:brew install watchman
flow是一个JavaScript的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误
安装flow:brew install flow
 
第五步:安装xcode和androidStudio(建议在Mac上开发,既可以安装xcode也可以安装androidStudio)相关资源请加群617897556下载交流
1)傻瓜式安装androidStudio就好了,注意安装前要先安装jdk
2)安卓模拟器:先安装虚拟机VirtualBox,然后在安装Genymotion,要去Genymotion官网注册一个账号,然后登陆Genymotion,下载一个安卓机型即可
 
 
 
 
 
 
 

RN01-React Native环境搭建