RN01-React Native环境搭建

Posted 2020-09-18 Darren-chen

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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