React native for Android (1)

更多react native http://reactnative.cn/docs/0.42/getting-started.html#content

最近React native 特别火，一套代码负责两个平台。很多公司都开始了尝试React native ，那么今天教大家配置 React native 的环境，OK 开始了！（我的电脑是mac 所以win 的朋友 可以直接跳过本文章）

1.安装Homebrew

打开终端

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.安装node.js

brew install node

安装node.js

3.)安装watchman(检测文件系统变化,不用一遍一遍的编译 mac 独享)

brew install watchman

watchman

4.安装Yarn

npm install -g yarn react-native-cli

Yarn

5)配置SDK 位置及SDKTools 位置

vi .bash_profile

PS : (按 i 才能输入字符)

export ANDROID_HOME=~/Library/Android/sdk

exportPATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

要自己复制进去

esc+ :q 退出

vim 具体操作见http://www.cnblogs.com/itech/archive/2009/04/17/1438439.html

5)让.bash_profile运行起来

source .bash_profile

bash_profile

6)查看是否配置成功

echo $ANDROID_HOME

查看是否配置成功

7)测试一下是否安装成功

react-native init AwesomeProject

测试安装

8)此时创建成功

cd AwesomeProject

react-nativerun-android

success

可能会遇到的问题：

1)

Q1

莫名的bug 重新运行一次。。仔细看看 sdk 路径对不对。是否都配置上去了

2) 有些朋友可能在创建项目时一直卡住在 456/466 这  好久好久。请耐心等下。打开vpn 下载能快点

3)如果提示SDK 路径不对

那么将路径赋值出来 通过 前往->前往文件夹 将文件路径输入，看路径下是否有 sdk

sdk 路径

4）为啥我都运行成功.还是出这个错误

Q4

因为你没开模拟器啊..

关注公众号 ，获取更多Android 

MAndroid