踩坑之路：史上最详细Windows版本搭建安装React Native环境配置

为什么80%的码农都做不了架构师？>>>   

本文基于已有博客，记录个人踩坑：

http://www.lcode.org/%E5%8F%B2%E4%B8%8A%E6%9C%80%E8%AF%A6%E7%BB%86windows%E7%89%88%E6%9C%AC%E6%90%AD%E5%BB%BA%E5%AE%89%E8%A3%85react-native%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/

1、安装JDK

2、安装SDK 此处（PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）

3、设置SDK，此处注意安装对应的包，能多不能少，基本的那几个必须安，首先要设置代理，（mirrors.neusoft.edu.cn port 80）

4、安装node

5、安装git

6、安装react-native命令行工具react-native-cli，需要设置代理（

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

）

以及全局安装：

 

npm install -g react-native-cli

如果这步搞不定的，可以参考另外一种方法，去github下载开源的压缩包，再执行上面的安装命令，下载地址

7、创建RN项目，观察目录的文件是否增多，如果没有，从前面开始检查

8、运行项目，运行前，先把手机接上去，这样才能连接上设备。此时可以使用电脑端连接工具，下载地址

9、使用IP：port，从浏览器查看，同时在服务端可以查看请求记录，第一打开的时候，很可能是空白，这是因为错误弹出框被阻止了，需要你启动弹出框的权限，方法请移步此处，当出现错误的时候，这个问题解决，错误的原因多半是不能连接server，它会给你三种方法，我用的usb连接电脑，所以运行了命令：

adb reverse tcp:8081 tcp:8081

重新打开看看，是不是可以看见welcome了。

附上成功的图：

安装android studio，集合了对应的sdk版本,下载地址：

http://www.androiddevtools.cn/

对于js编译工具，个人觉得phpstorm更好用。

转载于:https://my.oschina.net/kimilo/blog/683665