react native 开发环境的配置

      为什么要学习react native ？ react native像极了h5 但是它不是h5它的特点是learn once write anywhere  ,虽然没有达到write once run anywhere这个效果 ，随着reactive 不断的完善，和更多的社区加入，我相信react native会向 write once run anywhere 这个方向发展。react  native 它像h5但是它有比h5更好的客户体验，它没有用大webview控件来加载。但是却有着类似原生开发的效果。

     目前react native 只支持mac的开发，再次重申只支持mac.如果是windows没必要看下去了。  回到正题下面我将一步步来介绍react native 开发环境的配置。安装的步骤包括homebrew,node.js.npm 通过安装homebrew 安装watchaman 和flow ,通过npm安装react native .下面有我安装的过程详细的步骤。

1 .reactive native   进入brew.sh 进入这个网站我们  EditText的文本复制下面的命令行 然后 将命令行粘贴到终端里面  点击确定按钮之后我们就开始看状brew了 同时还需要输入mac对应的密码

2.brew -v 可以看到下载的brew对应的版本号

3.下载nvm brew install nvm

4.添加工作空间  并且将工作路径添加到系统环境中   mkdir ~/.nvm     

其中这个是vim的命令

:wq 保存并退出

5.通过 vim ~/.bash.profile命令进入到里面去对里面的内容进行编辑  通过 export NVM_DIR="$HOME/.nvm"

  . "$(brew --prefix nvm)/nvm.sh”添加这一行代码我们可以说是完成了对brew的设置  通过wq我们就可以保存当前的内容了

6执行  source $(brew —prefix nvm)/nvm.shs

7命令行里面输入nvm install node && nvm alias default node

8 brew intall watchman

9  npm install -g react-native-cli

10  react-native 通过这个来验证下载库是否成功的

上面只是用来下载react-native 下载库 ，我们还要对自己的电脑进行环境的配置 针对安卓的配置是这样的

1  jdk环境变量的配置

2 安卓的sdk环境变量的配置

3 安装build-tools 23.0.1以上、api23、Android Support Repository  这些可以在 sdkmanger里面有针对性的进行下载

4  下载安装genymotion 

好了如果上面的步骤你都操作好了那你如何验证自己的所有的步骤都正确呢? 通过打开genymotion模拟器 然后新建一个项目react-native init HelloReactNative当点击回车键的时候我们会从官方下载很多我们需要的库，同时可以通过错误提示我们对自己的配置的环境进行完善。如果你将一个reative  成功的部署到了模拟器上面那么说明你的环境全部配置好了

5 将安卓项目部署到模拟器上面来先通过命令行我们进入到对应的项目来  里面有android ios当看到这些文件夹之后 我们可以通过命令行  react-native run-android