越来越多的开发者学习React Native ,自己以笔记的形式来记录学习过程中遇到的坑。
1. 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 也有了。
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.csdn.net/article/1970-01-01/2825787** ** 2. http://www.lcode.org**