ReactNative入门教程第一步 初始化环境 将HelloWorld运行到手机或者模拟器上

         新学习一种语言，总会被各种环境配置挡在门外一阵子，那种心酸和纠结我跟你一样有，在这里我将我趟过的ReactNative的一些坑列出来，尽量让大家能够顺利的将HelloWorld运行到真机上，能够见到ReactNative的真面目。

1、  配置环境变量（建议配合ReactNative中文网一起看），ReactNative写的很详细，但是可能会有点懵，我用最简单的方式讲出来。

2、  我将以Windows为例，将HelloWorld运行到真机上：

3、  安装Python2，并配置环境变量。

需要安装的软件（Windows）：

 

Python2的下载：

 

接下来（必须2.7的版本，不多解释，下载好之后一路next，直到安装成功）：

配置Python2的环境变量：

 

4、Node.js的安装及下载，环境变量配置：

进入之后选择下载：

下载好之后一路next，直到安装成功，接下来是配置环境变量（目的是npm命令能够正常的执行）：

5、android环境的配置，在中文网中有说明，就是配置的android的sdk环境变量，命名未ANDROID_HOME,此部分必须做，不要问为什么。

6、上部分都配置好之后，就可以进行一下初始化了，初始化项目，选择一个文件夹（新创建一个，我新创建了一个叫做ReactNativeProject），注意此部分路径不能含有中文，就算是父路径也不能含有中文，当然，不要问为什么。要是你的路径中含有中文，我会分分钟告诉你，改！！！

接下来，初始化一些参数，（ReactNative中文网说的很清楚）

A、

B、

7、关于安装android studio部分我就不说了，作为android的开发人员，这个应该是你的必备技能。

8、 可选安装，建议你都安装，因为很主流，你应该要知道用。

9、真正的开始，初始化一个项目：

在前面的创建的文件夹中打开命令行（按住shift然后弹出cmd命令行，或者采用cd命令跳转到此文件夹）

执行：

react-native init MyApp

此部分需要几分钟：

完成之后进入MyApp的文件夹：

cd AwesomeProject

然后插上你的手机，或者开启你的模拟器：

adbdevices 

查看当前的设备；确保设备已经正常的连接。

然后再执行：

react-native run-android

在这个过程中会弹出一个新的命令窗口。(请无视，单请不要关掉，切记不要关掉)

 

最后运行到手机成功之后，前面执行命令的窗口将会显示：（当出现红色提示设备部存在的时候，请无视，这不是你的错误，那是因为设备连接问题）

见证奇迹的时刻，请给予此应用浮窗的权限（暂且先给他这个权限，就能正常的运行起来了）

结果展示：（说明已经能够正常的运行到手机上）