React Native for Android 环境配置

235 阅读1分钟

越来越多的开发者学习React Native ,自己以笔记的形式来记录学习过程中遇到的坑。

1. Homebrew安装

brew.sh/

打开终端输入如下代码:

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

如图所示:

Homebrew安装


安装会出现 Press RETURN to continue or any other key to abort 这个提示,这是因为需要验证。按回车输入mac登陆密码

Node.js 和 npm Node.js 需要 4.0 及其以上版本。安装好之后,npm 也有了。

2. 通过nvm 安装node.js,安装nvm 可以通过Homebrew安装
$ brew install nvm

如图:

node.js


如果没有.nvm文件就需要创建一个.nvm文件:

nvm


打开.bash_profileopen文件:

$ open .bash_profile

如果没有该文件就需要创建一个:

$ touch .bash_profile

3. 安装watchman 和 flow

下面的命令分别是监控文件变化和类型检查的。安装如下:

 $ brew install watchman
$ brew install flow

安装React Native

$ npm install -g react-native-cli

如图:

react-native-cli


上面这个错误是因为没有写入权限,在终端输入下面命令:

$ sudo npm install -g react-native-cli
下面就可以初始化一个React Native项目,可能需要一段时间项目才能初始化完成
$ react-native init 项目名称

项目初始化完成之后,在运行该项目时先看是非设备连接 $ adb devices adb: command not found 找不到设备,前面已经创建了.bash_profileopen 打开该文件,添加如下文件:

export ANDROID_HOME=sdk路径 export PATH=$PATH:$ANDROID_HOME/platform-tools 然后重启终端再次查看是否存在设备

然后运行项目

$ react-native run-android

如果出现如下错误,重新安装环境就ok了

run

参考文章 (看官方文档还是很有必要的)

** 1. 秋神的blog http://www.csdn.net/article/1970-01-01/2825787** ** 2. http://www.lcode.org**