React Nactive学习之搭建运行环境

从今天起正式开始ReactNactive的学习啦~

重新开始学习一门语言，当然需要一个适合的编译器。公司大佬给我强烈推荐了WebStorm，但是这个安装流程是在让人汗颜。

做个笔记，提醒自己。也希望能帮助到大家啊。（本文章仅适用于Windows下的Android安装）

一、搭建环境

其实所有的流程都可以参考RN中文网的教程，但是有些“坑” 大家需要注意

RN中文网网站

首先是安装Node、Python2、JDK 和 Android Studio。当然还要安装WebStorm

这里切记！！！！！Node版本一定不要安装的太高！！！（就是安装了一个14.0.0版本，导致我找bug花了两个多小时，最后还是换成11.0.0才解决）

淘宝镜像下载地址放在下面了：

Node淘宝镜像下载（记得下载msi结尾的镜像）

下载过后，一直点击下一步、下一步、下一步就完事。

Python2下载也没什么好说的，链接放下面：

Python2下载地址（切记不要下载3.0的）

JDK这个就没什么好说的了…网上教程太多了，自己去配置一下就完事了~

最后是Android studio下载，我也上传网盘了，有需要的自取：

Android studio
提取码：mdlt

---

后面的步骤可以参考RN官网，下面的教程接RN官网的创建新项目模块

二、运行编译

走到这一步，我默认你前面的所有步骤都完成了，包括必要插件的安装、环境变量的配置等等。

在官网上可以看出，它是推荐用Windows自带的控制台来运行的。但是还有一种方式，那就是在WebStorm的终端中运行。

1. 首先我们随便创建一个项目，然后在终端中切换到文件所在位置。
2. 、
   之后在这里输入官网上对应的指令即可。

npx react-native init Test

yarn react-native run-android

如果你的Android模拟机能正常运行出东西，那就代表你成功了！

以后每次连接，只需要开启服务：

npm start

如果出现这个，就代表你连接模拟器成功啦！

这样你就可以尽情的开始的RN学习之旅~~~

---

本期的RN安装教程就到这里（花了我好长时间！！），希望对大家有些帮助~