Windows下搭建ReactNative开发环境

最近在学学ReactNative，环境搭建都好复杂的感觉，哈哈哈，不过还是一步步来，多学学，体验一下。
参考网站 https://reactnative.cn/docs/next/getting-started.html
emmmm，差不多按照上述文档来就行，不过还是自行总结一遍这个过程。

Chocolatey

这个软件我这并没有装，需要翻墙，而且慢，看到下面的 python 和 nodejs 也只是通过 choco 命令来安装，我这就没去下载这个了，直接自行去官网安装那些 python 和 nodejs 也是 ok 的。

Python2

下载地址：https://www.python.org/getit/ 这个 一定要2.x.x的版本才行（因为目前不支持Python 3版本）。别下错了，然后就是安装。配置的话就打开环境变量，在Path中新添加python的安装地址。

image.png

然后在cmd下面输入python，可以查看到验证自己python是否装好，并显示当前安装的python版本号。

image.png

Node

下载地址：https://nodejs.org/en/download/ 下载安装完毕后，同样可以在cmd下面输入node -v 查看当前安装的node的版本。

image.png

然后设置npm镜像加速后面过程，就复制粘贴以下两命令就ok。

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

image.png

react-native-cli

接下来就是照着做，

复制粘贴命令 npm install -g yarn react-native-cli 我这原来好像装过这个了。

image.png

安装完yarn后继续设置镜像源。

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

image.png

目前为止顺利着。

接下来呢，文档就是介绍Android开发环境的安装与配置了，这个作为Android开发，应该都会吧，先下好jdk，配置一下，然后下载Android Studio、SDK什么的，RN开发下必须的一些版本下载好，就ok。

测试安装

1. react-native init MyAppProject
   

   先进入D盘，然后执行命令创建一个项目
   image.png
   这里会花点时间，注意就不要在默认目录下创建项目了，默认是System32目录，会有各种权限限制导致不能运行（官方警告，听着！）。

创建完成截图

2. 进入创建的项目目录，运行项目，命令如下

cd MyAppProject
react-native run-android

image.png

我这里连接了真机，运行完毕后命令显示

image.png

这里还会跳出一个node的窗口，显示占用了8081窗口，所以，如果是有其他的软件占用了这个端口，那么就会运行不成功，需要注意一下。

image.png

真机显示如下图：

image.png

最后，打开项目中的App.js文件，加点代码试着体验一下。

image.png

image.png

然后在手机上按下menu键（或者摇一摇），跳出一个对话框列表，点击Reload，界面已经改变啦，神奇呐，哈哈。

image.png

image.png

好啦，终于体验一把RN了，把它运行到了Android手机上，接下来继续学习去喽~ 感慨一下，真是学无止境啊啊啊~