React Native for Android 环境配置

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

  1. Homebrew安装

    http://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 也有了。

  1. 通过nvm 安装node.js,安装nvm 可以通过Homebrew安装

    $ brew install nvm

    如图:

node.js


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

nvm


打开.bash_profileopen文件:

$ open .bash_profile

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

$ touch .bash_profile

  1. 安装watchman 和 flow

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

    $ brew install watchman
    $ brew install flow

安装React Native

bash
$ npm install -g react-native-cli

如图:
react-native-cli


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

$ sudo npm install -g react-native-cli

下面就可以初始化一个React Native项目,可能需要一段时间项目才能初始化完成

bash
$ 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*

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值