ReactNative环境搭建之安装跳坑指南

转载请注明出处

ReactNative功能很强大，具体多爽我就不赘述了，反正搞定了安卓苹果App一起开发，世界任我游。不过游起来之前要先把环境搭好，搭建环境过程中坑很多，容易出错的地方我标注了感叹号！这里记录分享一下。

1.把苹果系统升级到最新系统

2.下载最新版本的xcode ，使用命令“xcode-select --install”
如果安装过，会弹出已经安装的提醒

3.安装homebrew
命令：ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装成功后显示

4.安装watchman，flow等
命令：brew install watchman
      brew install flow
还可以用这个命令安装其他包比如：git gcc pkg-config cairo lippng jpeg mongodb

5.安装Nodejs，建议用Nodejs的版本管理工具nvm来安装
1) 先安装nvm
命令：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash

！！！这里可能会报错，需要添文件并配置环境变量。！！！

需要新建列出的文件，如：vim ~/.bashrc
把环境变量写进文件，如图

使该文件生效，使用命令：source ~/.bashrc
再重新安装一遍nvm，输入之前的curl命令
如果成功会出现如下图所示

这里环境变量不一定配置文件~/.bashrc中，可能需要尝试其他几个文件夹，不断尝试直到成功为止，配置完成之后需要输入命令看看是否生效

最后验证nvm是否安装，命令：command -v nvm

2) 安装完nvm，安装node
命令：nvm install 4.2.3 //安装node
          nvm alias default v4.2.3 //把4.2.3nodejs变成本地默认版本
确认版本
命令：node -v //显示v4.2.3
npm -v //显示2.14.7
安装cnpm
命令：sudo npm install cnpm -g

6.通过cnpm安装cli
命令： cnpm install -g react-native-cli@0.1.10 -g
检查版本号，命令：react native -v

7.用Xcode打开一个项目，修改Build Phases里的配置。通常把user后面的名字换一下，
如下图：（！！！换名字前，需要前往这个路径的文件下看看是否存在！！！），修改完成后运行程序。

前往文件夹查看：

至此，安装完成，可以通过XCode启动reactNative项目文件。