React Native MAC下环境配置安装

React Native MAC下环境配置安装

1、安装HomeBrew

第①步：打开终端操作命令行工具，在命令行输入：

ruby -e “$(curl –insecure -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”

执行完毕后会提示输入系统密码：

第②步：回车键入系统密码提示安装成功：

第③步：验证是否真正安装成功： brew -v

至此说明HomeBrew已经安装成功。

2、安装Nodejs

第①步：浏览器进入 https://nodejs.org/en/download/ 选择Mac下的 macOS Installer(.pkg)下载。

第②步：验证Nodejs是否安装成功，命令行输入 node -v

3、安装WatchMan检测bug

第①步：命令行输入 brew install watchman

第②步：验证是否安装成功 watchman -v

4、安装Flow（JavaScript的静态类型检查器，方便找出类型错误问题）

命令行输入 brew install flow即可

4、安装React Native

命令行输入npm install -g react-native-cli
输入后报错N多，如图

次数说明需要配置bash_profile文件的环境，可采用简单的sudo操作方式。
重新输入命令sudo npm install -g react-native-cli

安装成功!

至此React-Native MAC的下基础准备环境已经安装完毕！

补充

webstorm代码提示React-native

1. 在命令窗口中输入 git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

2. 打开webstorm， 选择file–>Import Settings…–>ReactNative-LiveTemplate–>ReactNative.jar–>OK–>Restart