Mac-OS 系统配置React-native环境

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

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

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



原文链接:http://blog.csdn.net/asddavid/article/details/53256557




















安装eslint全局检查。
npm install -g eslint babel-eslint --registry=http://registry.npm.taobao.org