windows 下搭建react-native android 开发环境

安装JDK

Java官网下载JDK并安装。请注意选择x86还是x64版本。

推荐将JDK的bin目录加入系统PATH环境变量

安装Android SDK

可以单独安装Android SDK,也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio,以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。

为了加速下载,推荐从AndroidDevTools下载。

安装node.js

官网下载node.js的官方4.1版本或更高版本。

安装react-native命令行工具

官方的安装方法是

npm install -g react-native-cli

推荐使用淘宝npm镜像,配置淘宝镜像可参照:http://blog.csdn.net/u010948188/article/details/50629137

但是由于npm上的版本在windows下存在BUG,因此需要安装github上的master支线,否则会在下一步骤报以下错误:

This will walk you through creating a new React Native project in *** events.js:141       throw er; // Unhandled 'error' event       ^ Error: spawn npm ENOENT     at exports._errnoException (util.js:837:11)     at Process.ChildProcess._handle.onexit (internal/child_process.js:178:32)     at onErrorNT (internal/child_process.js:344:16)     at doNTCallback2 (node.js:429:9)     at process._tickCallback (node.js:343:17)     at Function.Module.runMain (module.js:477:11)     at startup (node.js:117:18)     at node.js:951:3

如果您看到本文时0.12已经发布,那很可能直接输入上面的命令就行了。如果0.12还没有发布,请进行以下步骤:

React Native的Github页面右侧点击Download ZIP,下载后解压,并执行以下代码:

cd **解压的目录** cd react-native-cli npm install -g

创建项目

进入你的工作目录,运行

react-native init MyProject

安卓运行

react-native run-android

耐心等待几分钟,看到下面的图就说明你成功了






















此时打开APP会发现是白屏的情况,不要急慢慢来,首先权限设置里面允许使用悬浮窗,然后在此打开的话会看见见面一片红的,摇晃手机,选择dev-setting,再点击Debug server host & port  for device 这个item,设置电脑的ip和端口号,默认端口8081(手机和电脑必须在同一网络环境下),如下图:



cmd到项目目录,执行 react-native  start 。手机在此将项目打开就可以了。





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值