越来越多的开发者学习React Native ,自己以笔记的形式来记录学习过程中遇到的坑。
Homebrew安装
打开终端输入如下代码:
/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 也有了。
通过nvm 安装node.js,安装nvm 可以通过Homebrew安装
$ brew install nvm
如图:
如果没有.nvm文件就需要创建一个.nvm文件:
打开.bash_profileopen文件:
$ open .bash_profile
如果没有该文件就需要创建一个:
$ touch .bash_profile
安装watchman 和 flow
下面的命令分别是监控文件变化和类型检查的。安装如下:
$ brew install watchman
$ brew install flow
安装React Native
bash
$ npm install -g 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了
参考文章 (看官方文档还是很有必要的)
* 1. 秋神的blog http://www.youkuaiyun.com/article/1970-01-01/2825787*
* 2. http://www.lcode.org*