react native 环境搭建 —— Windows

需要搭建的环境有：python2，node8.X版本以上，jdk1.8，andriod环境（andriod studio）

python2环境

进入python官网，然后进入windows版本下载页面

选择对应的版本进行下载

安装时第一个选择所有用户，后面的默认next

node环境

使用windows版本的nvm来控制node版本，自由切换node版本。

nvm下载地址

有两种nvm安装方式：1、手动安装，自动配置path；2、自动安装，安装成功即可使用（推荐）

JDK1.8安装

从官方下载，一路选择next，但要保持jdk和jre在同一个文件夹内。

安装成功后配置环境变量

1. 系统变量新增JAVA_HOME变量，值为jdk的安装路径
2. 编辑Path变量值，在头部添加%JAVA_HOME%\bin;
3. 如果系统中没有CLASSPATH变量，则新增一个，值为：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
4. 测试，在cmd中输入javac，
   结果如下显示即为成功。
   

andriod环境（安装andriod studio）

android下载地址

打开AS安装程序，作为新手，所有配置我都选择的是默认，参考以下文章进行安装

AS安装过程

SDK安装好后，配置ANDROID_HOME环境变量，在环境变量中新建一个ANDROID_HOME（系统变量或用户变量都可以），指向你的Android SDK所在的目录，可以在AS的Preferences菜单中查看SDK的真实路径，具体：Appearance & Behavior → System Settings → Android SDK

项目初始化

项目中我使用yarn进行包管理，如下操作：

npm install -g yarn react-native-cli        安装`yarn`命令及RN的命令行工具

安装完yarn后配置淘宝镜像源，加速node包的下载，禁止使用cnpm，它安装的模块路径比较奇怪，packager不能识别

react-native init newProject      创建新项目

调试我用的是本机调试，手机打开USB调试，通过USB插入电脑后，通过cmd打印当前连入的andriod设备，如下图：

有个device则表示手机连接成功，进入刚刚创建的项目中，运行项目：

react-native run-android       运行项目

项目运行后，会自动在真机上下载并安装且自动启动，项目成功后的结果：