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

RN01-React Native环境搭建

2024-09-22 17:32:22   215人阅读

学习文档：
中文：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环境搭建


联系
我们