React Native 主要依赖以下环境:
-
Mac OS X操作系统
-
Xcode, 推荐使用7.3.0或者更高版本。
-
Node.js V6.2.1或者最新版本。
-
watchman和flow。
-
NVM
1,安装xcode,这里不做介绍
2,安装node.js 打开 Node.js官网, 直接下载.
3,安装homebrew,打开 Homebrew官网, 语言选择简体中文, 按照文档步骤进行安装即可
安装完成后, 打开终端, 输入命令初始化 Homebrew
.命令为:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
4,通过brew安装watchman和flow,
React Native
包管理器使用了watchman ,flow是 Facebook
公司出品的一个类型检查库,它同样被 React Native
所采用.
如果安装过程中遇到问题,你可能需要更新 brew
和相关依赖包, 使用的命令行: brew update brew upgrade. 如果出现错误,你需要修复本地的brew 安装程序,brew doctor 可以帮助你找到问题所在。
安装好Homebrew 之后,依次运行以下命(比较耗时时):
- brew -v
- brew install watchman
- brew install flow
5. 安装react-native-cli命令行工具
接下来我们通过NPM安装反应母语-CLI的命令行工具。在MAC终端中输入如下命令,其中-g表示全局安装。
sudo npm install -g react-native-cli
6. 安装NVM
Reace Native
使用nvm管理不同的node和npm.
6.1 在终端输入命令安装NVM:
git clone https://github.com/creationix/nvm
6.2 进入nvm文件
在终端依次输入以下命令:
cd nvm/
ls
source nvm.sh
nvm
nvm ls -remote N/A
nvm ls
7,创建一个reactNative项目
搭建好RN环境以后,我们来创建一个HelloWorld项目。
- 首先在桌面上创建一个名为
rn_demo
的文件夹 - 在终端进入创建的文件夹 (cd)
-
创建项目 (创建项目命令为: react-native init HelloWorld
8. 打开App.js编程
项目运行起来, 打开App.js就可以进行编程了, 编程了直接 command+R运行即可.