windows搭建react-native环境

Question

如题，现在在windows如何搭建react-native环境，谢谢~

Answer 1

首先：

node js肯定要啦！

其次：

Java 也要啦！

然后：

sdk这个也是必须的。

类似就这些罢了~

Answer 2

window下目前只能开发react-andriod的项目，ios只能装黑苹果或者用mac
附上搭建React Native Android开发环境的链接
http://bbs.react-native.cn/topic/10

Answer 3

http://www.cnblogs.com/meteoric_cry/p/4874517.html
试一试这个教程的东西

Answer 4

还是买个mac吧，windows搭rn好痛苦的

Answer 5

偶刚搭了一套，先是在网上看到有人已经在windows下搭建成功了，我按照它写的步骤一步一步来，怎么也成不了功，好象是卡在用git clone什么什么的地方，根本就clone不下来......
然后我win7下用Vmware装虚拟机，然后安装mac操作系统，然后mac操作系统升级，然后后react网站上写的一步一步来，很顺利。然后虚拟机连接真实的Android手机，把两个例程都跑起来了。苹果真机我还没试，但虚拟机上能跑起来。
虚拟机还是很好用的，省钱啊，并且想升内存，SSD什么的，也不会被苹果坑儿。

Answer 6

目前排名第一的文章是我写的，不过已经访问不了了，新的地址放在这里：

http://bbs.react-native.cn/topic/10

实际上随着RN的版本更新，这篇文章我们也一直在做细节调整。

Answer 7

在Windows下搭建React Native Android开发环境
http://bbs.reactnative.cn/topic/10/%E5%9...

网上总结的常见问题
http://bbs.reactnative.cn/topic/130/%E6%...

遇到安装问题：
1.报错：JAVA_HOME 环境变量找不到
ANDROID_HOME C:\Program Files\android-sdk-windows
JAVA_HOME C:\Program Files\Java\jdk1.8.0_73
JRE_HOME C:\Program Files\Java\jre1.8.0_73
path: C:\Program Files\Java\jdk1.8.0_73;%ANDROID_HOME%;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;
更新完环境变量，重新打开 shell 才会生效
https://confluence.atlassian.com/doc/set...

2.报错： Starting the app more than one device and emulator
解决方案：不能同时打开2个模拟器

3.报错：google 下载地址链接不上。
解决方案：
1). 用 VPN 翻墙搭建环境，能节约至少一半的搭建时间，强力推荐使用。我用的是时空隧道，有 Chrome 插件版，也有 VPN，20元一月。
2). 国内镜像下载SDK
http://android-mirror.bugly.qq.com:8080/...

4.报错：Could not install the app on the device, read the error above for details.Make sure you have an Android emulator running or a device connected and have
set up your Android development environment
解决方案：
检查下 SDK 是否安装正确
https://facebook.github.io/react-native/...

Answer 8

原文可以参考我的博客

写在前面

目前最热的框架之一,可以通过更新远端JS，直接更新app, 用 JavaScript 调起 native 组件，将增强与高性能组件交给 native 来处理 ，相比其他hybrid框架而言并非通过webview来调用原生组件,而是直接调用操作系统自带的javascriptCore
React Native only supports Android 4.1 and above

由于Facebook基本人手mac+iphone，所以用win+android来搞的同学 如果你在学习使用的过程中出现了各种莫名其妙的意想不到的问题，辣么 这一切都在情理之中，有条件的同学建议宁愿linux也不要win下搞，此处送你前人踩坑宝典两册
点我传送 - 踩坑宝典<上>

点我传送 - 踩坑宝典<下>

<!-- more -->

0.环境

1.windows : 10
2.node : 5.1.0
3.npm : 3.3.12
4.react-native-cli : 0.1.7
5.Genymotion : 2.6, Nexus 6 - 5.1 API 22
6.git : 2.6.2

1.安装

安装比较简单 基本按照官网说明走就行了,唯一需要注意的就是
请时刻保持翻墙状态
请时刻保持翻墙状态
请时刻保持翻墙状态

当然最好使用安装git后自带的git bash 不要用cmd了。

官网说明传送门

为了方便小语种的同学，这里简单赘述一下
1.你需要安装nodejs 4.0 以上的版本
当然如果你正在用5.0以上版本的node那么建议切换到npm2，因为这比3要快 采用如下命令切换

    npm install -g npm@2.

然后你就可以开始安装RN了,这里需要注意的是win下可能会提示你缺少各种依赖的模块包，耐心安装，并不是没有尽头...

    npm install -g react-native-cli

2.Hello World

折腾完了现在开始创建你的项目吧，用下面的命令(AwesomeProject(超屌的项目),名字你可以随便起（其实不能随便起，千万不要带有react这个单词，否则会出现莫名其妙的问题 - 2016.03补充），这是官方示例给的一个名字)

 react-native init AwesomeProject

创建完成后跳到项目跟目录让他在你的安卓机上跑起来吧：）
官方文档传送门

新开个终端 ，跳到你的项目目录执行
运行packager

    cd AwesomeProject
    react-native start

运行程序

    react-native run-android

这里需要注意的地方是
1.如果是android 5.0+辣么,这一点我用Genymotion创建的虚拟设备不进行此步骤也没问题，真机了也不行，原因未知。

    adb reverse tcp:8081 tcp:8081

现在 你应该已经看到官方为你准备的Welcome页面了，这个页面在项目根目录下的index.android.js和index.ios.js下

参考链接:
点我传送 - 官方文档
点我传送 - 踩坑宝典<上>
点我传送 - 踩坑宝典<下>