react native 入门探索

0x00 首先准备开发环境

在写作这篇文章时,我使用的操作系统是Windows,为此我需要准备此平台上运行的软件环境。另外我补充一下,当前React Native(以下简称RN)已经运行在Mac,Linux ,Windows操作系统之上。

安装Android开发环境

  1. 安装配置的JDK,笔者当前所装版本为jdk 8u66
  2. 安装配置最新的Android SDK,这个可以从Google的Android开发者中心下载,不过你需要自备梯子。有很多人都分享过下载地址,请自行搜索。下图我的SDK配置实例。
    这里写图片描述
  3. 安装Node.js 4.0及以上版本,本人安装的是5.9.1稳定版。
  4. 安装Git for Windows,以后可能要用到。

创建react native项目

  1. npm install -g react-native-cli 命令行运行,初始化react native。别逗了,你不会在命令行下执行命令。
  2. react-native init AwesomeProject 创建react native项目AwesomeProject ,名称可由你任意命名,这里不谈命名规范。

运行android应用

  1. >cd AwesomeProject
  2. > react-native start
  3. >react-native run-android
  4. 之后如果没有出错,应用会安装的真机或者模拟器上。
  5. Node server 与应用在一个网段,如果是真机按菜单,选择项Dev settings,Debug server host for device配置在一个网络就可以了。如果是虚拟机,使用最新版本6.0的,通过命令。adb reverse tcp:8081 tcp:8081
  6. 程序运行后图片
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值