React Native ——环境配置

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

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

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

环境配置:
1,Homebrew安装
我们可以通过它获取并安装很多组件,安装方式:

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

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

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

nvm –version 查看版本
3,安装node.js

nvm install node && nvm alias default node

4,安装watchman
用于监控bug文件

brew install watchman

5,安装flow

brew install flow

6,原生环境安装
7,React Native 安装

npm install -g react-native-cli

8,创建第一个应用

react-native init Test

9,运行

react-native run-android

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

npm info react-native

打开项目的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打开控制台

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值