Window10，安装ReactNative开发环境记录

写在前面的话

搭建任何开发环境，官方的说明的可信度>网上的帖子。

开发环境搭建时间：2018/04/10

开发环境：Windows 10 64bit，Python 2.7.14，react-native-cli 2.0.1，react-native 0.55.2，Node 9.11.1

先把官方的说明文档贴出来：https://reactnative.cn/docs/0.51/getting-started.html#content

下面记录一下我在安装过程中出现的问题。

1.安装Nodejs

图1 安装Nodejs

在安装步骤第1和第2中，如果python已经安装，且版本是2，则可以跳过该步骤。

需要注意的是Nodejs的安装。官方提供的nodejs安装完成之后，没有npm。

我选择从官网直接下载nodejs：https://nodejs.org/dist/v9.11.1/ 

选择了x64.zip，免安装版，解压到通常使用的位置，新建两个文件夹：node_cache，node_global。与node_modules同级。

然后就是配置nodejs的开发环境。

系统变量中加入：NODE_PATH。这个地址就是node的解压缩目录。

图2 NODE_PATH配置

然后Path中加入环境变量：

图3 Path中加入环境变量

到此Node环境配置完毕。接着官网说明文档继续配置就行。

图4 官网配置

2.Android开发环境搭建

略

3.测试安装

react-native init AwesomeProject 

cd AwesomeProject

react-nativerun-android

简单三句话，坑了大半天。主要原因是：

图5 别人的启动服务效果

看别人的启动效果，会加载很多东西，而我的只有一个Loading dependency graph，done.

图6 自己的启动服务效果

以为自己安装失败了，就尝试各种方法，还是这个页面，也没有启动手机尝试一下。最后一次才打开手机，已经运行成功，崩溃。可能跟版本有关系吧。

4.他山之石

如果发现：react-native不是内部或 外部命令，也不是可运行的程序或批处理文件，可以查看这个文档

如果发现：关于React Native 启动packager, 停留在Loading dependency graph, done.的问题，可以查看这个文档（也是我掉坑的主要文档），主要关注react的端口被占用的问题。