React Native for Android 环境配置

本文详细介绍如何使用Homebrew安装Node.js及npm,并通过nvm进行管理。同时介绍了安装watchman和flow的方法,以及如何通过react-native-cli初始化ReactNative项目。

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

1. Homebrew安装

brew.sh/

打开终端输入如下代码:

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

如图所示:


安装会出现 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
复制代码

如图:


如果没有.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
复制代码

如图:


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

$ 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了

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

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

转载于:https://juejin.im/post/5a30fc9ff265da43085e0662

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值