[Wondgirl]从零开始学React Native之环境搭建(一)

时间:2022-11-07 05:28:19

一.React Native环境搭建


推荐视频教程: 这是我听过的最好的React Native视频教程,现在推荐给大家.

http://edu.csdn.net/course/detail/2883


http://edu.51cto.com/course/course_id-6214.html?edu_recommend_adid=174


http://e.youku.com/v/course/detail?coid=7808



1.官网:http://reactnative.cn


2.React Native环境搭建视频教程:

http://v.youku.com/v_show/id_XMTQ4OTYyMjg4MA==.html


3.Homebrew官网:http://brew.sh/


Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。

我们用Homebrew来安装node,watchman和flow.


二.安装Homebrew

1.打开Homebrew官网:http://brew.sh/,复制首页代码复制到终端中回车即可.

<span style="font-size:14px;">/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"</span>


[Wondgirl]从零开始学React Native之环境搭建(一)

[Wondgirl]从零开始学React Native之环境搭建(一)


中间会出现一个 Press RETURN to continue or any other key to abort,请及时回车,并输入密码,不要傻等着…


注意:因网络的原因,可能会不成功,请多尝试几次,一直到成功安装.


2. 使用Homebrew来安装Node.js.

在终端输入如下命令:

<span style="font-size:18px;">brew install node</span>


3.使用Homebrew来 安装 Watchman

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。

在终端输入如下命令:

<span style="font-size:18px;">brew install watchman</span>


4.使用Homebrew来安装flow

flow:Javascript静态类型检查器

<span style="font-size:18px;">brew install flow</span>


5.用npm安装react-native命令行工具

在终端输入如下命令:

 sudo npm inatall -g react-native-cli

查看版本在终端输入如下命令:

react-native -v