React Native ——环境配置

简介：

React Native使你能够在Javascript和React的基础上获得完全一致的开发体验，构建世界一流的原生APP。

React Native着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)

Facebook已经在多项产品中使用了React Native，并且将持续地投入建设React Native。

环境配置：

1,Homebrew安装

我们可以通过它获取并安装很多组件，安装方式：

通过命令执行brew -v 查看brew是否安装成功。

2，安装nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0/install.sh | bash
           

nvm –version 查看版本

3,安装node.js

4,安装watchman

用于监控bug文件

brew install watchman
           

5,安装flow

brew install flow
           

6,原生环境安装

7,React Native 安装

8,创建第一个应用

react-native init Test
           

9，运行

版本更新

查询react-native的npm包得最新版本

打开项目的package.json文件 将react native版本修改成最新的

执行npm install

项目运行

在真机上 dev Settings 》debug server host >你的ip:8081

小米手机上要给权限 允许悬浮窗

Debug 调试

chrome :http://localhost:8081/debugger-ui

点击 debug js remotely

option+cammod+i打开控制台