React Native 学习笔记二(React Native开发环境的搭建for mac)

1.安装android studio（2.0版本以上）jdk 版本必须在1.8以上（）

2.下载sdk（必须下载23.0.1）ANDROID_HOME环境变量

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中：(译注：~表示用户目录，即/Users/你的用户名/，而小数点开头的文件在Finder中是隐藏的，并且这个文件有可能并不存在。请在终端下使用sudo vi ~/.bash_profile命令创建或编辑。如不熟悉vi操作，请点击这里学习）

# 如果你不是通过Android Studio安装的sdk，则其路径可能不同，请自行确定清楚。

export ANDROID_HOME=~/Library/Android/sdk

然后使用下列命令使其立即生效（否则重启后才生效）：

source ~/.bash_profile 

我自己的配置如下：

JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_101.jdk/Contents/Home

PATH=$JAVA_HOME/bin:$PATH:

export JAVA_HOME

export CLASSPATH

export PATH

export NDK_ROOT=/Users/zhangyanjiao/ndk/android-ndk-r12b

export SDK_ROOT=/Users/zhangyanjiao/Library/Android/sdk/platform-tools

export ANDROID_HOME=/Users/zhangyanjiao/Library/Android/sdk

export PATH=$PATH:$NDK_ROOT/

export PATH=$PATH:$SDK_ROOT/

3.在终端中 安装必须的软件

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

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
译注：在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复：

sudo chown -R `whoami` /usr/local
Node
使用Homebrew来安装Node.js.

React Native需要NodeJS 4.0或更高版本。本文发布时Homebrew默认安装的是6.x版本，完全满足要求。

brew install node
React Native的命令行工具（react-native-cli）
React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。
npm install -g react-native-cli
如果你看到EACCES: permission denied这样的权限报错，那么请参照上文的homebrew译注，修复/usr/local目录的所有权：
sudo chown -R `whoami` /usr/local

推荐安装的工具
Watchman

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

brew install watchman
Flow（初学者不用安装）

Flow是一个静态的JS类型检查工具。译注：你在很多示例中看到的奇奇怪怪的冒号问号，以及方法参数中像类型一样的写法，都是属于这个flow工具的语法。这一语法并不属于ES标准，只是Facebook自家的代码规范。所以新手可以直接跳过（即不需要安装这一工具，也不建议去费力学习flow相关语法）。

brew install flow

测试安装结果

方法一：

react-native init AwesomeProject

cd AwesomeProject

react-native run-android

方法二：（推荐）

从指定位置创建文件夹  例如 命名为react 在里面建立文件夹 名为testReact 进入该目录  

使用命令 eact-native init testReact 下载模版 （这个过程需要时间比较久）



然后进入 testReact目录下面  执行react-native run-android 即可